This commit is contained in:
syuilo 2017-02-20 11:02:43 +09:00
parent a9dfe278f8
commit d042aa4fcb
64 changed files with 332 additions and 332 deletions

View File

@ -314,11 +314,11 @@
query: q
max: 5
.then (users) =>
users.for-each (user) =>
users.forEach (user) =>
user._click = =>
this.trigger 'navigate-user' user
this.search-result = []
this.search-result = users
this.searchResult = []
this.searchResult = users
this.update();
.catch (err) =>
console.error err
@ -330,16 +330,16 @@
| 9, 40 => // Key[TAB] or Key[↓]
e.preventDefault();
e.stopPropagation();
this.refs.search-result.childNodes[0].focus();
this.refs.searchResult.childNodes[0].focus();
};
this.on-search-result-keydown = (i, e) => {
this.on-searchResult-keydown = (i, e) => {
key = e.which
switch (key)
| 10, 13 => // Key[ENTER]
e.preventDefault();
e.stopPropagation();
@search-result[i]._click!
this.searchResult[i]._click();
| 27 => // Key[ESC]
e.preventDefault();
e.stopPropagation();
@ -347,11 +347,11 @@
| 38 => // Key[↑]
e.preventDefault();
e.stopPropagation();
(this.refs.search-result.childNodes[i].previous-element-sibling || this.refs.search-result.childNodes[@search-result.length - 1]).focus();
(this.refs.searchResult.childNodes[i].previousElementSibling || this.refs.searchResult.childNodes[this.searchResult.length - 1]).focus();
| 9, 40 => // Key[TAB] or Key[↓]
e.preventDefault();
e.stopPropagation();
(this.refs.search-result.childNodes[i].next-element-sibling || this.refs.search-result.childNodes[0]).focus();
(this.refs.searchResult.childNodes[i].nextElementSibling || this.refs.searchResult.childNodes[0]).focus();
};
</script>

View File

@ -159,9 +159,9 @@
document.removeEventListener 'visibilitychange' this.on-visibilitychange
this.on('update', () => {
@messages.for-each (message) =>
date = (new Date message.created_at).get-date!
month = (new Date message.created_at).get-month! + 1
@messages.forEach (message) =>
date = (new Date message.created_at).getDate()
month = (new Date message.created_at).getMonth() + 1
message._date = date
message._datetext = month + '月 ' + date + '日'
@ -184,7 +184,7 @@
this.on-read = (ids) => {
if not Array.isArray ids then ids = [ids]
ids.for-each (id) =>
ids.forEach (id) =>
if (@messages.some (x) => x.id == id)
exist = (@messages.map (x) -> x.id).index-of id
@messages[exist].is_read = true
@ -215,7 +215,7 @@
this.on-visibilitychange = () => {
if document.hidden then return
@messages.for-each (message) =>
@messages.forEach (message) =>
if message.user_id != this.I.id and not message.is_read
@connection.socket.send JSON.stringify do
type: 'read'

View File

@ -17,7 +17,7 @@
this.on('mount', () => {
text = this.root.innerHTML
this.root.innerHTML = ''
(text.split '').for-each (c, i) =>
(text.split '').forEach (c, i) =>
ce = document.createElement 'span'
ce.innerHTML = c
ce.style.animationDelay = (i / 10) + 's'

View File

@ -63,10 +63,10 @@
.catch (err) =>
console.error err
@stream.on 'signin' this.on-signin
this.stream.on 'signin' this.on-signin
this.on('unmount', () => {
@stream.off 'signin' this.on-signin
this.stream.off 'signin' this.on-signin
this.on-signin = (signin) => {
@history.unshift signin

View File

@ -127,7 +127,7 @@
username: this.refs.username.value
password: this.refs.password.value
.then =>
location.reload!
location.reload();
.catch =>
alert 'something happened'
this.signing = false

View File

@ -268,15 +268,15 @@
this.onsubmit = (e) => {
e.preventDefault();
username = this.refs.username.value
password = this.refs.password.value
const username = this.refs.username.value;
const password = this.refs.password.value;
locker = document.body.appendChild document.createElement 'mk-locker'
this.api 'signup' do
username: username
password: password
'g-recaptcha-response': grecaptcha.get-response!
username: username,
password: password,
'g-recaptcha-response': grecaptcha.getResponse()
.then =>
this.api 'signin' do
username: username

View File

@ -6,25 +6,25 @@
this.tickid = null
this.absolute =
@time.get-full-year! + '年' +
@time.get-month! + 1 + '月' +
@time.get-date! + '日' +
this.time.getFullYear() + '年' +
this.time.getMonth() + 1 + '月' +
this.time.getDate() + '日' +
' ' +
@time.get-hours! + '時' +
@time.get-minutes! + '分'
this.time.getHours() + '時' +
this.time.getMinutes() + '分'
this.on('mount', () => {
if @mode == 'relative' or @mode == 'detail'
@tick!
this.tickid = set-interval @tick, 1000ms
if this.mode == 'relative' or this.mode == 'detail'
this.tick!
this.tickid = setInterval this.tick, 1000ms
this.on('unmount', () => {
if @mode == 'relative' or @mode == 'detail'
clear-interval @tickid
if this.mode == 'relative' or this.mode == 'detail'
clearInterval this.tickid
this.tick = () => {
now = new Date!
ago = (now - @time) / 1000ms
const now = new Date();
ago = (now - this.time) / 1000ms
this.relative = switch
| ago >= 31536000s => ~~(ago / 31536000s) + '年前'
| ago >= 2592000s => ~~(ago / 2592000s) + 'ヶ月前'

View File

@ -11,16 +11,16 @@
<script>
this.on('mount', () => {
@draw!
this.clock = set-interval @draw, 1000ms
this.clock = setInterval @draw, 1000ms
this.on('unmount', () => {
clear-interval @clock
clearInterval @clock
this.draw = () => {
now = new Date!
const now = new Date();
s = now.get-seconds!
m = now.get-minutes!
h = now.get-hours!
m = now.getMinutes()
h = now.getHours()
vec2 = (x, y) ->
this.x = x

View File

@ -92,7 +92,7 @@
@textarea.addEventListener 'keydown' this.on-keydown
all = document.query-selector-all 'body *'
Array.prototype.for-each.call all, (el) =>
Array.prototype.forEach.call all, (el) =>
el.addEventListener 'mousedown' @mousedown
this.api 'users/search_by_username' do
@ -109,7 +109,7 @@
@textarea.removeEventListener 'keydown' this.on-keydown
all = document.query-selector-all 'body *'
Array.prototype.for-each.call all, (el) =>
Array.prototype.forEach.call all, (el) =>
el.removeEventListener 'mousedown' @mousedown
this.mousedown = (e) => {
@ -164,7 +164,7 @@
@apply-select!
this.apply-select = () => {
this.refs.users.children.for-each (el) =>
this.refs.users.children.forEach (el) =>
el.remove-attribute 'data-selected'
this.refs.users.children[@select].setAttribute 'data-selected' \true

View File

@ -84,12 +84,12 @@
this.user = user
this.init = false
this.update();
@stream.on 'follow' this.on-stream-follow
@stream.on 'unfollow' this.on-stream-unfollow
this.stream.on 'follow' this.on-stream-follow
this.stream.on 'unfollow' this.on-stream-unfollow
this.on('unmount', () => {
@stream.off 'follow' this.on-stream-follow
@stream.off 'unfollow' this.on-stream-unfollow
this.stream.off 'follow' this.on-stream-follow
this.stream.off 'unfollow' this.on-stream-unfollow
this.on-stream-follow = (user) => {
if user.id == @user.id

View File

@ -105,7 +105,7 @@
this.open = (pos) => {
all = document.query-selector-all 'body *'
Array.prototype.for-each.call all, (el) =>
Array.prototype.forEach.call all, (el) =>
el.addEventListener 'mousedown' @mousedown
this.root.style.display = 'block'
this.root.style.left = pos.x + 'px'
@ -123,7 +123,7 @@
this.close = () => {
all = document.query-selector-all 'body *'
Array.prototype.for-each.call all, (el) =>
Array.prototype.forEach.call all, (el) =>
el.removeEventListener 'mousedown' @mousedown
this.trigger('closed');
this.unmount();

View File

@ -80,10 +80,10 @@
</style>
<script>
this.can-through = if opts.can-through? then opts.can-through else true
this.opts.buttons.for-each (button) =>
this.opts.buttons.forEach (button) =>
button._onclick = =>
if button.onclick?
button.onclick!
button.onclick();
@close!
this.on('mount', () => {

View File

@ -243,24 +243,24 @@
this.mixin('input-dialog');
this.mixin('stream');
this.files = []
this.folders = []
this.hierarchy-folders = []
this.files = [];
this.folders = [];
this.hierarchyFolders = [];
this.uploads = []
this.uploads = [];
// 現在の階層(フォルダ)
// * null でルートを表す
this.folder = null
this.folder = null;
this.multiple = if this.opts.multiple? then this.opts.multiple else false
// ドロップされようとしているか
this.draghover = false
this.draghover = false;
// 自信の所有するアイテムがドラッグをスタートさせたか
// (自分自身の階層にドロップできないようにするためのフラグ)
this.is-drag-source = false
this.is-drag-source = false;
this.on('mount', () => {
this.refs.uploader.on('uploaded', (file) => {
@ -270,10 +270,10 @@
this.uploads = uploads
this.update();
@stream.on 'drive_file_created' this.on-stream-drive-file-created
@stream.on 'drive_file_updated' this.on-stream-drive-file-updated
@stream.on 'drive_folder_created' this.on-stream-drive-folder-created
@stream.on 'drive_folder_updated' this.on-stream-drive-folder-updated
this.stream.on 'drive_file_created' this.on-stream-drive-file-created
this.stream.on 'drive_file_updated' this.on-stream-drive-file-updated
this.stream.on 'drive_folder_created' this.on-stream-drive-folder-created
this.stream.on 'drive_folder_updated' this.on-stream-drive-folder-updated
// Riotのバグでnullを渡しても""になる
// https://github.com/riot/riot/issues/2080
@ -284,10 +284,10 @@
@load!
this.on('unmount', () => {
@stream.off 'drive_file_created' this.on-stream-drive-file-created
@stream.off 'drive_file_updated' this.on-stream-drive-file-updated
@stream.off 'drive_folder_created' this.on-stream-drive-folder-created
@stream.off 'drive_folder_updated' this.on-stream-drive-folder-updated
this.stream.off 'drive_file_created' this.on-stream-drive-file-created
this.stream.off 'drive_file_updated' this.on-stream-drive-file-updated
this.stream.off 'drive_folder_created' this.on-stream-drive-folder-created
this.stream.off 'drive_folder_updated' this.on-stream-drive-folder-updated
this.on-stream-drive-file-created = (file) => {
@add-file file, true
@ -315,30 +315,30 @@
rect = this.refs.main.get-bounding-client-rect!
left = e.page-x + this.refs.main.scroll-left - rect.left - window.page-x-offset
top = e.page-y + this.refs.main.scroll-top - rect.top - window.page-y-offset
left = e.pageX + this.refs.main.scroll-left - rect.left - window.pageXOffset
top = e.pageY + this.refs.main.scroll-top - rect.top - window.pageYOffset
move = (e) =>
this.refs.selection.style.display = 'block'
cursor-x = e.page-x + this.refs.main.scroll-left - rect.left - window.page-x-offset
cursor-y = e.page-y + this.refs.main.scroll-top - rect.top - window.page-y-offset
w = cursor-x - left
h = cursor-y - top
cursorX = e.pageX + this.refs.main.scroll-left - rect.left - window.pageXOffset
cursorY = e.pageY + this.refs.main.scroll-top - rect.top - window.pageYOffset
w = cursorX - left
h = cursorY - top
if w > 0
this.refs.selection.style.width = w + 'px'
this.refs.selection.style.left = left + 'px'
else
this.refs.selection.style.width = -w + 'px'
this.refs.selection.style.left = cursor-x + 'px'
this.refs.selection.style.left = cursorX + 'px'
if h > 0
this.refs.selection.style.height = h + 'px'
this.refs.selection.style.top = top + 'px'
else
this.refs.selection.style.height = -h + 'px'
this.refs.selection.style.top = cursor-y + 'px'
this.refs.selection.style.top = cursorY + 'px'
up = (e) =>
document.document-element.removeEventListener 'mousemove' move
@ -351,7 +351,7 @@
this.path-oncontextmenu = (e) => {
e.preventDefault();
e.stop-immediate-propagation!
e.stopImmediatePropagation();
return false
this.ondragover = (e) => {
@ -361,7 +361,7 @@
// ドラッグ元が自分自身の所有するアイテムかどうか
if !@is-drag-source
// ドラッグされてきたものがファイルだったら
if e.dataTransfer.effect-allowed == 'all'
if e.dataTransfer.effectAllowed == 'all'
e.dataTransfer.dropEffect = 'copy'
else
e.dataTransfer.dropEffect = 'move'
@ -387,7 +387,7 @@
// ドロップされてきたものがファイルだったら
if e.dataTransfer.files.length > 0
Array.prototype.for-each.call e.dataTransfer.files, (file) =>
Array.prototype.forEach.call e.dataTransfer.files, (file) =>
@upload file, this.folder
return false
@ -440,20 +440,20 @@
this.oncontextmenu = (e) => {
e.preventDefault();
e.stop-immediate-propagation!
e.stopImmediatePropagation();
ctx = document.body.appendChild document.createElement 'mk-drive-browser-base-contextmenu'
ctx = riot.mount ctx, do
browser: @
browser: this
ctx = ctx.0
ctx.open do
x: e.page-x - window.page-x-offset
y: e.page-y - window.page-y-offset
x: e.pageX - window.pageXOffset
y: e.pageY - window.pageYOffset
return false
this.select-local-file = () => {
this.refs.file-input.click!
this.refs.file-input.click();
this.url-upload = () => {
url <~ @input-dialog do
@ -522,10 +522,10 @@
folder_id: target-folder
.then (folder) =>
this.folder = folder
this.hierarchy-folders = []
this.hierarchyFolders = []
x = (f) =>
@hierarchy-folders.unshift f
@hierarchyFolders.unshift f
if f.parent?
x f.parent
@ -588,7 +588,7 @@
this.go-root = () => {
if this.folder != null
this.folder = null
this.hierarchy-folders = []
this.hierarchyFolders = []
this.update();
@load!
@ -635,9 +635,9 @@
flag = false
complete = =>
if flag
load-folders.for-each (folder) =>
load-folders.forEach (folder) =>
@add-folder folder
load-files.for-each (file) =>
load-files.forEach (file) =>
@add-file file
this.loading = false
this.update();

View File

@ -166,14 +166,14 @@
if this.file._selected
this.browser.trigger 'selected' this.file
else
this.browser.files.for-each (file) =>
this.browser.files.forEach (file) =>
file._selected = false
this.file._selected = true
this.browser.trigger 'change-selection' this.file
this.oncontextmenu = (e) => {
e.preventDefault();
e.stop-immediate-propagation!
e.stopImmediatePropagation();
this.is-contextmenu-showing = true
this.update();
@ -183,15 +183,15 @@
file: this.file
ctx = ctx.0
ctx.open do
x: e.page-x - window.page-x-offset
y: e.page-y - window.page-y-offset
x: e.pageX - window.pageXOffset
y: e.pageY - window.pageYOffset
ctx.on('closed', () => {
this.is-contextmenu-showing = false
this.update();
return false
this.ondragstart = (e) => {
e.dataTransfer.effect-allowed = 'move'
e.dataTransfer.effectAllowed = 'move'
e.dataTransfer.set-data 'text' JSON.stringify do
type: 'file'
id: this.file.id

View File

@ -77,7 +77,7 @@
// 自分自身がドラッグされていない場合
if !@is-dragging
// ドラッグされてきたものがファイルだったら
if e.dataTransfer.effect-allowed == 'all'
if e.dataTransfer.effectAllowed == 'all'
e.dataTransfer.dropEffect = 'copy'
else
e.dataTransfer.dropEffect = 'move'
@ -99,7 +99,7 @@
// ファイルだったら
if e.dataTransfer.files.length > 0
Array.prototype.for-each.call e.dataTransfer.files, (file) =>
Array.prototype.forEach.call e.dataTransfer.files, (file) =>
this.browser.upload file, this.folder
return false
@ -147,7 +147,7 @@
return false
this.ondragstart = (e) => {
e.dataTransfer.effect-allowed = 'move'
e.dataTransfer.effectAllowed = 'move'
e.dataTransfer.set-data 'text' JSON.stringify do
type: 'folder'
id: this.folder.id
@ -163,7 +163,7 @@
this.oncontextmenu = (e) => {
e.preventDefault();
e.stop-immediate-propagation!
e.stopImmediatePropagation();
this.is-contextmenu-showing = true
this.update();
@ -173,8 +173,8 @@
folder: this.folder
ctx = ctx.0
ctx.open do
x: e.page-x - window.page-x-offset
y: e.page-y - window.page-y-offset
x: e.pageX - window.pageXOffset
y: e.pageY - window.pageYOffset
ctx.on('closed', () => {
this.is-contextmenu-showing = false
this.update();

View File

@ -33,7 +33,7 @@
if this.folder == null and this.browser.folder == null
e.dataTransfer.dropEffect = 'none'
// ドラッグされてきたものがファイルだったら
else if e.dataTransfer.effect-allowed == 'all'
else if e.dataTransfer.effectAllowed == 'all'
e.dataTransfer.dropEffect = 'copy'
else
e.dataTransfer.dropEffect = 'move'
@ -53,7 +53,7 @@
// ファイルだったら
if e.dataTransfer.files.length > 0
Array.prototype.for-each.call e.dataTransfer.files, (file) =>
Array.prototype.forEach.call e.dataTransfer.files, (file) =>
this.browser.upload file, this.folder
return false

View File

@ -81,12 +81,12 @@
this.user = user
this.init = false
this.update();
@stream.on 'follow' this.on-stream-follow
@stream.on 'unfollow' this.on-stream-unfollow
this.stream.on 'follow' this.on-stream-follow
this.stream.on 'unfollow' this.on-stream-unfollow
this.on('unmount', () => {
@stream.off 'follow' this.on-stream-follow
@stream.off 'unfollow' this.on-stream-unfollow
this.stream.off 'follow' this.on-stream-follow
this.stream.off 'unfollow' this.on-stream-unfollow
this.on-stream-follow = (user) => {
if user.id == @user.id

View File

@ -142,7 +142,7 @@
this.api 'users/recommendation' do
limit: @limit
offset: @limit * @page
offset: @limit * this.page
.then (users) =>
this.loading = false
this.users = users
@ -154,7 +154,7 @@
if @users.length < @limit
this.page = 0
else
@page++
this.page++
@load!
this.close = () => {

View File

@ -107,10 +107,10 @@
</style>
<script>
this.draw = () => {
now = new Date!
nd = now.get-date!
nm = now.get-month!
ny = now.get-full-year!
const now = new Date();
nd = now.getDate()
nm = now.getMonth()
ny = now.getFullYear()
this.year = ny
this.month = nm + 1
@ -140,9 +140,9 @@
@draw!
this.on('mount', () => {
this.clock = set-interval @draw, 1000ms
this.clock = setInterval @draw, 1000ms
this.on('unmount', () => {
clear-interval @clock
clearInterval @clock
</script>
</mk-calendar-home-widget>

View File

@ -73,7 +73,7 @@
this.fetch = (cb) => {
this.api 'posts/mentions' do
following: @mode == 'following'
following: this.mode == 'following'
.then (posts) =>
this.is-loading = false
this.is-empty = posts.length == 0
@ -90,7 +90,7 @@
this.more-loading = true
this.update();
this.api 'posts/mentions' do
following: @mode == 'following'
following: this.mode == 'following'
max_id: this.refs.timeline.tail!.id
.then (posts) =>
this.more-loading = false

View File

@ -64,7 +64,7 @@
this.initializing = true
this.on('mount', () => {
@stream.on 'drive_file_created' this.on-stream-drive-file-created
this.stream.on 'drive_file_created' this.on-stream-drive-file-created
this.api 'drive/stream' do
type: 'image/*'
@ -75,7 +75,7 @@
this.update();
this.on('unmount', () => {
@stream.off 'drive_file_created' this.on-stream-drive-file-created
this.stream.off 'drive_file_created' this.on-stream-drive-file-created
this.on-stream-drive-file-created = (file) => {
if /^image\/.+$/.test file.type

View File

@ -73,10 +73,10 @@
this.on('mount', () => {
@fetch!
this.clock = set-interval @fetch, 60000ms
this.clock = setInterval @fetch, 60000ms
this.on('unmount', () => {
clear-interval @clock
clearInterval @clock
this.fetch = () => {
this.api CONFIG.url + '/api:rss' do

View File

@ -42,9 +42,9 @@
this.no-following = this.I.following_count == 0
this.on('mount', () => {
@stream.on 'post' this.on-stream-post
@stream.on 'follow' this.on-stream-follow
@stream.on 'unfollow' this.on-stream-unfollow
this.stream.on 'post' this.on-stream-post
this.stream.on 'follow' this.on-stream-follow
this.stream.on 'unfollow' this.on-stream-unfollow
document.addEventListener 'keydown' this.on-document-keydown
window.addEventListener 'scroll' this.on-scroll
@ -53,9 +53,9 @@
this.trigger('loaded');
this.on('unmount', () => {
@stream.off 'post' this.on-stream-post
@stream.off 'follow' this.on-stream-follow
@stream.off 'unfollow' this.on-stream-unfollow
this.stream.off 'post' this.on-stream-post
this.stream.off 'follow' this.on-stream-follow
this.stream.off 'unfollow' this.on-stream-unfollow
document.removeEventListener 'keydown' this.on-document-keydown
window.removeEventListener 'scroll' this.on-scroll

View File

@ -43,10 +43,10 @@
this.on('mount', () => {
@set!
this.clock = set-interval @change, 20000ms
this.clock = setInterval @change, 20000ms
this.on('unmount', () => {
clear-interval @clock
clearInterval @clock
this.set = () => {
this.refs.text.innerHTML = @tips[Math.floor Math.random! * @tips.length]

View File

@ -120,13 +120,13 @@
this.on('mount', () => {
@fetch!
this.clock = set-interval =>
this.clock = setInterval =>
if @users.length < @limit
@fetch true
, 60000ms
this.on('unmount', () => {
clear-interval @clock
clearInterval @clock
this.fetch = (quiet = false) => {
this.loading = true
@ -134,7 +134,7 @@
if not quiet then this.update();
this.api 'users/recommendation' do
limit: @limit
offset: @limit * @page
offset: @limit * this.page
.then (users) =>
this.loading = false
this.users = users
@ -146,7 +146,7 @@
if @users.length < @limit
this.page = 0
else
@page++
this.page++
@fetch!
</script>
</mk-user-recommendation-home-widget>

View File

@ -62,7 +62,7 @@
this.mode = this.opts.mode || 'timeline'
// https://github.com/riot/riot/issues/2080
if @mode == '' then this.mode = 'timeline'
if this.mode == '' then this.mode = 'timeline'
this.home = []
@ -70,7 +70,7 @@
this.refs.tl.on('loaded', () => {
this.trigger('loaded');
this.I.data.home.for-each (widget) =>
this.I.data.home.forEach (widget) =>
try
el = document.createElement 'mk-' + widget.name + '-home-widget'
switch widget.place
@ -84,7 +84,7 @@
// noop
this.on('unmount', () => {
@home.for-each (widget) =>
@home.forEach (widget) =>
widget.unmount!
</script>
</mk-home>

View File

@ -194,19 +194,19 @@
.catch (err, text-status) ->
console.error err
@stream.on 'notification' this.on-notification
this.stream.on 'notification' this.on-notification
this.on('unmount', () => {
@stream.off 'notification' this.on-notification
this.stream.off 'notification' this.on-notification
this.on-notification = (notification) => {
@notifications.unshift notification
this.update();
this.on('update', () => {
@notifications.for-each (notification) =>
date = (new Date notification.created_at).get-date!
month = (new Date notification.created_at).get-month! + 1
@notifications.forEach (notification) =>
date = (new Date notification.created_at).getDate()
month = (new Date notification.created_at).getMonth() + 1
notification._date = date
notification._datetext = month + '月 ' + date + '日'
</script>

View File

@ -27,11 +27,11 @@
document.title = 'Misskey'
this.Progress.start();
@stream.on 'post' this.on-stream-post
this.stream.on 'post' this.on-stream-post
document.addEventListener 'visibilitychange' @window-on-visibilitychange, false
this.on('unmount', () => {
@stream.off 'post' this.on-stream-post
this.stream.off 'post' this.on-stream-post
document.removeEventListener 'visibilitychange' @window-on-visibilitychange
this.on-stream-post = (post) => {

View File

@ -110,31 +110,31 @@
this.post = this.opts.post
this.url = CONFIG.url + '/' + @post.user.username + '/' + @post.id
this.url = CONFIG.url + '/' + this.post.user.username + '/' + this.post.id
this.title = @date-stringify @post.created_at
this.title = @date-stringify this.post.created_at
this.on('mount', () => {
if @post.text?
tokens = @analyze @post.text
if this.post.text?
tokens = @analyze this.post.text
this.refs.text.innerHTML = @compile tokens
this.refs.text.children.for-each (e) =>
this.refs.text.children.forEach (e) =>
if e.tag-name == 'MK-URL'
riot.mount e
this.like = () => {
if @post.is_liked
if this.post.is_liked
this.api 'posts/likes/delete' do
post_id: @post.id
post_id: this.post.id
.then =>
@post.is_liked = false
this.post.is_liked = false
this.update();
else
this.api 'posts/likes/create' do
post_id: @post.id
post_id: this.post.id
.then =>
@post.is_liked = true
this.post.is_liked = true
this.update();
</script>
</mk-post-detail-sub>

View File

@ -349,18 +349,18 @@
this.post = post
this.trigger('loaded');
this.is-repost = @post.repost?
this.p = if @is-repost then @post.repost else @post
this.is-repost = this.post.repost?
this.p = if @is-repost then this.post.repost else this.post
this.title = @date-stringify @p.created_at
this.title = @date-stringify this.p.created_at
this.update();
if @p.text?
tokens = @analyze @p.text
if this.p.text?
tokens = @analyze this.p.text
this.refs.text.innerHTML = @compile tokens
this.refs.text.children.for-each (e) =>
this.refs.text.children.forEach (e) =>
if e.tag-name == 'MK-URL'
riot.mount e
@ -369,12 +369,12 @@
.filter (t) -> t.type == 'link'
.map (t) =>
this.preview = this.refs.text.appendChild document.createElement 'mk-url-preview'
riot.mount @preview, do
riot.mount this.preview, do
url: t.content
// Get likes
this.api 'posts/likes' do
post_id: @p.id
post_id: this.p.id
limit: 8
.then (likes) =>
this.likes = likes
@ -382,7 +382,7 @@
// Get reposts
this.api 'posts/reposts' do
post_id: @p.id
post_id: this.p.id
limit: 8
.then (reposts) =>
this.reposts = reposts
@ -390,7 +390,7 @@
// Get replies
this.api 'posts/replies' do
post_id: @p.id
post_id: this.p.id
limit: 8
.then (replies) =>
this.replies = replies
@ -401,25 +401,25 @@
this.reply = () => {
form = document.body.appendChild document.createElement 'mk-post-form-window'
riot.mount form, do
reply: @p
reply: this.p
this.repost = () => {
form = document.body.appendChild document.createElement 'mk-repost-form-window'
riot.mount form, do
post: @p
post: this.p
this.like = () => {
if @p.is_liked
if this.p.is_liked
this.api 'posts/likes/delete' do
post_id: @p.id
post_id: this.p.id
.then =>
@p.is_liked = false
this.p.is_liked = false
this.update();
else
this.api 'posts/likes/create' do
post_id: @p.id
post_id: this.p.id
.then =>
@p.is_liked = true
this.p.is_liked = true
this.update();
this.load-context = () => {
@ -427,7 +427,7 @@
// Get context
this.api 'posts/context' do
post_id: @p.reply_to_id
post_id: this.p.reply_to_id
.then (context) =>
this.context = context.reverse!
this.loading-context = false

View File

@ -348,7 +348,7 @@
e.stopPropagation();
this.draghover = true
// ドラッグされてきたものがファイルだったら
if e.dataTransfer.effect-allowed == 'all'
if e.dataTransfer.effectAllowed == 'all'
e.dataTransfer.dropEffect = 'copy'
else
e.dataTransfer.dropEffect = 'move'
@ -367,7 +367,7 @@
// ファイルだったら
if e.dataTransfer.files.length > 0
Array.prototype.for-each.call e.dataTransfer.files, (file) =>
Array.prototype.forEach.call e.dataTransfer.files, (file) =>
@upload file
return false
@ -390,7 +390,7 @@
this.onkeydown = (e) => {
if (e.which == 10 || e.which == 13) && (e.ctrlKey || e.meta-key)
@post!
this.post!
this.onpaste = (e) => {
data = e.clipboardData
@ -402,14 +402,14 @@
@upload item.getAsFile();
this.select-file = () => {
this.refs.file.click!
this.refs.file.click();
this.select-file-from-drive = () => {
browser = document.body.appendChild document.createElement 'mk-select-file-from-drive-window'
i = riot.mount browser, do
multiple: true
i[0].one 'selected' (files) =>
files.for-each @add-file
files.forEach @add-file
this.change-file = () => {
files = this.refs.file.files
@ -448,7 +448,7 @@
text: this.refs.text.value
media_ids: files
reply_to_id: if @in-reply-to-post? then @in-reply-to-post.id else undefined
poll: if @poll then this.refs.poll.get! else undefined
poll: if this.poll then this.refs.poll.get! else undefined
.then (data) =>
this.trigger('post');
@notify if @in-reply-to-post? then '返信しました!' else '投稿しました!'

View File

@ -88,6 +88,6 @@
this.post = this.opts.post
this.title = @date-stringify @post.created_at
this.title = @date-stringify this.post.created_at
</script>
</mk-post-preview>

View File

@ -16,24 +16,24 @@
this.post-promise = if @is-promise this.opts.post then this.opts.post else Promise.resolve this.opts.post
this.on('mount', () => {
post <~ @post-promise.then
post <~ this.post-promise.then
this.post = post
this.update();
this.api 'aggregation/posts/like' do
post_id: @post.id
post_id: this.post.id
limit: 30days
.then (likes) =>
likes = likes.reverse!
this.api 'aggregation/posts/repost' do
post_id: @post.id
post_id: this.post.id
limit: 30days
.then (repost) =>
repost = repost.reverse!
this.api 'aggregation/posts/reply' do
post_id: @post.id
post_id: this.post.id
limit: 30days
.then (replies) =>
replies = replies.reverse!

View File

@ -63,16 +63,16 @@
this.refs.timeline.focus();
this.more = () => {
if @more-loading or @is-loading or @timeline.posts.length == 0
if @more-loading or @is-loading or this.timeline.posts.length == 0
return
this.more-loading = true
this.update();
this.api 'posts/search' do
query: @query
page: @page + 1
page: this.page + 1
.then (posts) =>
this.more-loading = false
@page++
this.page++
this.update();
this.refs.timeline.prepend-posts posts
.catch (err) =>

View File

@ -35,7 +35,7 @@
if @state == 'connected'
this.root.style.opacity = 0
@stream-state-ev.on('connected', () => {
this.stream-state-ev.on('connected', () => {
this.state = @get-stream-state!
this.update();
setTimeout =>
@ -44,7 +44,7 @@
} 200ms 'linear'
, 1000ms
@stream-state-ev.on('closed', () => {
this.stream-state-ev.on('closed', () => {
this.state = @get-stream-state!
this.update();
Velocity this.root, {

View File

@ -34,11 +34,11 @@
this.post = this.opts.post
this.on('mount', () => {
if @post.text?
tokens = @analyze @post.text
if this.post.text?
tokens = @analyze this.post.text
this.refs.text.innerHTML = @compile tokens, false
this.refs.text.children.for-each (e) =>
this.refs.text.children.forEach (e) =>
if e.tag-name == 'MK-URL'
riot.mount e
</script>

View File

@ -14,7 +14,7 @@
this.post = this.opts.post
this.title = @date-stringify @post.created_at
this.title = @date-stringify this.post.created_at
</script>
<style>

View File

@ -319,25 +319,25 @@
this.mixin('NotImplementedException');
this.post = this.opts.post
this.is-repost = @post.repost? and !@post.text?
this.p = if @is-repost then @post.repost else @post
this.is-repost = this.post.repost? and !this.post.text?
this.p = if @is-repost then this.post.repost else this.post
this.title = @date-stringify @p.created_at
this.title = @date-stringify this.p.created_at
this.url = CONFIG.url + '/' + @p.user.username + '/' + @p.id
this.url = CONFIG.url + '/' + this.p.user.username + '/' + this.p.id
this.is-detail-opened = false
this.on('mount', () => {
if @p.text?
tokens = if @p._highlight?
then @analyze @p._highlight
else @analyze @p.text
if this.p.text?
tokens = if this.p._highlight?
then @analyze this.p._highlight
else @analyze this.p.text
this.refs.text.innerHTML = this.refs.text.innerHTML.replace '<p class="dummy"></p>' if @p._highlight?
this.refs.text.innerHTML = this.refs.text.innerHTML.replace '<p class="dummy"></p>' if this.p._highlight?
then @compile tokens, true, false
else @compile tokens
this.refs.text.children.for-each (e) =>
this.refs.text.children.forEach (e) =>
if e.tag-name == 'MK-URL'
riot.mount e
@ -346,31 +346,31 @@
.filter (t) -> t.type == 'link'
.map (t) =>
this.preview = this.refs.text.appendChild document.createElement 'mk-url-preview'
riot.mount @preview, do
riot.mount this.preview, do
url: t.content
this.reply = () => {
form = document.body.appendChild document.createElement 'mk-post-form-window'
riot.mount form, do
reply: @p
reply: this.p
this.repost = () => {
form = document.body.appendChild document.createElement 'mk-repost-form-window'
riot.mount form, do
post: @p
post: this.p
this.like = () => {
if @p.is_liked
if this.p.is_liked
this.api 'posts/likes/delete' do
post_id: @p.id
post_id: this.p.id
.then =>
@p.is_liked = false
this.p.is_liked = false
this.update();
else
this.api 'posts/likes/create' do
post_id: @p.id
post_id: this.p.id
.then =>
@p.is_liked = true
this.p.is_liked = true
this.update();
this.toggle-detail = () => {
@ -381,9 +381,9 @@
should-be-cancel = true
switch
| e.which == 38 or e.which == 74 or (e.which == 9 and e.shift-key) => // ↑, j or Shift+Tab
focus this.root, (e) -> e.previous-element-sibling
focus this.root, (e) -> e.previousElementSibling
| e.which == 40 or e.which == 75 or e.which == 9 => // ↓, k or Tab
focus this.root, (e) -> e.next-element-sibling
focus this.root, (e) -> e.nextElementSibling
| e.which == 81 or e.which == 69 => // q or e
@repost!
| e.which == 70 or e.which == 76 => // f or l

View File

@ -51,12 +51,12 @@
this.update();
this.prepend-posts = (posts) => {
posts.for-each (post) =>
@posts.push post
posts.forEach (post) =>
this.posts.push post
this.update();
this.add-post = (post) => {
@posts.unshift post
this.posts.unshift post
this.update();
this.clear = () => {
@ -67,13 +67,13 @@
this.root.children.0.focus();
this.on('update', () => {
@posts.for-each (post) =>
date = (new Date post.created_at).get-date!
month = (new Date post.created_at).get-month! + 1
this.posts.forEach (post) =>
date = (new Date post.created_at).getDate()
month = (new Date post.created_at).getMonth() + 1
post._date = date
post._datetext = month + '月 ' + date + '日'
this.tail = () => {
@posts[@posts.length - 1]
this.posts[this.posts.length - 1]
</script>
</mk-timeline>

View File

@ -177,14 +177,14 @@
this.is-open = true
this.update();
all = document.query-selector-all 'body *'
Array.prototype.for-each.call all, (el) =>
Array.prototype.forEach.call all, (el) =>
el.addEventListener 'mousedown' @mousedown
this.close = () => {
this.is-open = false
this.update();
all = document.query-selector-all 'body *'
Array.prototype.for-each.call all, (el) =>
Array.prototype.forEach.call all, (el) =>
el.removeEventListener 'mousedown' @mousedown
this.mousedown = (e) => {

View File

@ -59,15 +59,15 @@
</style>
<script>
this.draw = () => {
now = new Date!
const now = new Date();
yyyy = now.get-full-year!
mm = (\0 + (now.get-month! + 1)).slice -2
dd = (\0 + now.get-date!).slice -2
yyyy = now.getFullYear()
mm = (\0 + (now.getMonth() + 1)).slice -2
dd = (\0 + now.getDate()).slice -2
yyyymmdd = "<span class='yyyymmdd'>#yyyy/#mm/#dd</span>"
hh = (\0 + now.get-hours!).slice -2
mm = (\0 + now.get-minutes!).slice -2
hh = (\0 + now.getHours()).slice -2
mm = (\0 + now.getMinutes()).slice -2
hhmm = "<span class='hhmm'>#hh:#mm</span>"
if now.get-seconds! % 2 == 0
@ -79,9 +79,9 @@
this.on('mount', () => {
@draw!
this.clock = set-interval @draw, 1000ms
this.clock = setInterval @draw, 1000ms
this.on('unmount', () => {
clear-interval @clock
clearInterval @clock
</script>
</mk-ui-header-clock>

View File

@ -84,8 +84,8 @@
this.page = this.opts.page
this.on('mount', () => {
@stream.on 'read_all_messaging_messages' this.on-read-all-messaging-messages
@stream.on 'unread_messaging_message' this.on-unread-messaging-message
this.stream.on 'read_all_messaging_messages' this.on-read-all-messaging-messages
this.stream.on 'unread_messaging_message' this.on-unread-messaging-message
// Fetch count of unread messaging messages
this.api 'messaging/unread'
@ -95,8 +95,8 @@
this.update();
this.on('unmount', () => {
@stream.off 'read_all_messaging_messages' this.on-read-all-messaging-messages
@stream.off 'unread_messaging_message' this.on-unread-messaging-message
this.stream.off 'read_all_messaging_messages' this.on-read-all-messaging-messages
this.stream.off 'unread_messaging_message' this.on-unread-messaging-message
this.on-read-all-messaging-messages = () => {
this.has-unread-messaging-messages = false

View File

@ -87,14 +87,14 @@
this.is-open = true
this.update();
all = document.query-selector-all 'body *'
Array.prototype.for-each.call all, (el) =>
Array.prototype.forEach.call all, (el) =>
el.addEventListener 'mousedown' @mousedown
this.close = () => {
this.is-open = false
this.update();
all = document.query-selector-all 'body *'
Array.prototype.for-each.call all, (el) =>
Array.prototype.forEach.call all, (el) =>
el.removeEventListener 'mousedown' @mousedown
this.mousedown = (e) => {

View File

@ -36,6 +36,6 @@
this.onsubmit = (e) => {
e.preventDefault();
@page '/search:' + this.refs.q.value
this.page '/search:' + this.refs.q.value
</script>
</mk-ui-header-search>

View File

@ -77,8 +77,8 @@
limit: 9posts
.then (posts) =>
this.initializing = false
posts.for-each (post) =>
post.media.for-each (image) =>
posts.forEach (post) =>
post.media.forEach (image) =>
if @images.length < 9
@images.push image
this.update();

View File

@ -84,7 +84,7 @@
this.fetch = (cb) => {
this.api 'users/posts' do
user_id: @user.id
with_replies: @mode == 'with-replies'
with_replies: this.mode == 'with-replies'
.then (posts) =>
this.is-loading = false
this.is-empty = posts.length == 0
@ -102,7 +102,7 @@
this.update();
this.api 'users/posts' do
user_id: @user.id
with_replies: @mode == 'with-replies'
with_replies: this.mode == 'with-replies'
max_id: this.refs.timeline.tail!.id
.then (posts) =>
this.more-loading = false

View File

@ -104,7 +104,7 @@
this.fetching = true
this.update();
obj <~ this.opts.fetch do
@mode == 'iknow'
this.mode == 'iknow'
@limit
null
this.users = obj.users
@ -117,7 +117,7 @@
this.more-fetching = true
this.update();
obj <~ this.opts.fetch do
@mode == 'iknow'
this.mode == 'iknow'
@limit
@cursor
this.users = @users.concat obj.users

View File

@ -304,7 +304,7 @@
z = 0
ws = document.query-selector-all 'mk-window'
ws.for-each (w) !=>
ws.forEach (w) !=>
if w == this.root then return
m = w.query-selector ':scope > .main'
mz = Number(document.default-view.get-computed-style m, null .z-index)

View File

@ -222,7 +222,7 @@
cb = this.refs.cb.value
permission = []
this.refs.permission.query-selector-all 'input' .for-each (el) =>
this.refs.permission.query-selector-all 'input' .forEach (el) =>
if el.checked then permission.push el.value
locker = document.body.appendChild document.createElement 'mk-locker'

View File

@ -133,7 +133,7 @@
this.files = []
this.folders = []
this.hierarchy-folders = []
this.hierarchyFolders = []
this.selected-files = []
// 現在の階層(フォルダ)
@ -146,10 +146,10 @@
this.multiple = if this.opts.multiple? then this.opts.multiple else false
this.on('mount', () => {
@stream.on 'drive_file_created' this.on-stream-drive-file-created
@stream.on 'drive_file_updated' this.on-stream-drive-file-updated
@stream.on 'drive_folder_created' this.on-stream-drive-folder-created
@stream.on 'drive_folder_updated' this.on-stream-drive-folder-updated
this.stream.on 'drive_file_created' this.on-stream-drive-file-created
this.stream.on 'drive_file_updated' this.on-stream-drive-file-updated
this.stream.on 'drive_folder_created' this.on-stream-drive-folder-created
this.stream.on 'drive_folder_updated' this.on-stream-drive-folder-updated
// Riotのバグでnullを渡しても""になる
// https://github.com/riot/riot/issues/2080
@ -162,10 +162,10 @@
@load!
this.on('unmount', () => {
@stream.off 'drive_file_created' this.on-stream-drive-file-created
@stream.off 'drive_file_updated' this.on-stream-drive-file-updated
@stream.off 'drive_folder_created' this.on-stream-drive-folder-created
@stream.off 'drive_folder_updated' this.on-stream-drive-folder-updated
this.stream.off 'drive_file_created' this.on-stream-drive-file-created
this.stream.off 'drive_file_updated' this.on-stream-drive-file-updated
this.stream.off 'drive_folder_created' this.on-stream-drive-folder-created
this.stream.off 'drive_folder_updated' this.on-stream-drive-folder-updated
this.on-stream-drive-file-created = (file) => {
@add-file file, true
@ -210,10 +210,10 @@
folder_id: target-folder
.then (folder) =>
this.folder = folder
this.hierarchy-folders = []
this.hierarchyFolders = []
x = (f) =>
@hierarchy-folders.unshift f
@hierarchyFolders.unshift f
if f.parent?
x f.parent
@ -275,7 +275,7 @@
if this.folder != null or this.file != null
this.file = null
this.folder = null
this.hierarchy-folders = []
this.hierarchyFolders = []
this.update();
this.trigger('move-root');
@load!
@ -325,9 +325,9 @@
flag = false
complete = =>
if flag
load-folders.for-each (folder) =>
load-folders.forEach (folder) =>
@add-folder folder
load-files.for-each (file) =>
load-files.forEach (file) =>
@add-file file
this.loading = false
this.update();
@ -361,10 +361,10 @@
.then (file) =>
this.file = file
this.folder = null
this.hierarchy-folders = []
this.hierarchyFolders = []
x = (f) =>
@hierarchy-folders.unshift f
@hierarchyFolders.unshift f
if f.parent?
x f.parent

View File

@ -62,12 +62,12 @@
this.user = user
this.init = false
this.update();
@stream.on 'follow' this.on-stream-follow
@stream.on 'unfollow' this.on-stream-unfollow
this.stream.on 'follow' this.on-stream-follow
this.stream.on 'unfollow' this.on-stream-unfollow
this.on('unmount', () => {
@stream.off 'follow' this.on-stream-follow
@stream.off 'unfollow' this.on-stream-unfollow
this.stream.off 'follow' this.on-stream-follow
this.stream.off 'unfollow' this.on-stream-unfollow
this.on-stream-follow = (user) => {
if user.id == @user.id

View File

@ -16,14 +16,14 @@
this.trigger('loaded');
this.on('mount', () => {
@stream.on 'post' this.on-stream-post
@stream.on 'follow' this.on-stream-follow
@stream.on 'unfollow' this.on-stream-unfollow
this.stream.on 'post' this.on-stream-post
this.stream.on 'follow' this.on-stream-follow
this.stream.on 'unfollow' this.on-stream-unfollow
this.on('unmount', () => {
@stream.off 'post' this.on-stream-post
@stream.off 'follow' this.on-stream-follow
@stream.off 'unfollow' this.on-stream-unfollow
this.stream.off 'post' this.on-stream-post
this.stream.off 'follow' this.on-stream-follow
this.stream.off 'unfollow' this.on-stream-unfollow
this.more = () => {
this.api 'posts/timeline' do

View File

@ -74,19 +74,19 @@
.catch (err, text-status) ->
console.error err
@stream.on 'notification' this.on-notification
this.stream.on 'notification' this.on-notification
this.on('unmount', () => {
@stream.off 'notification' this.on-notification
this.stream.off 'notification' this.on-notification
this.on-notification = (notification) => {
@notifications.unshift notification
this.update();
this.on('update', () => {
@notifications.for-each (notification) =>
date = (new Date notification.created_at).get-date!
month = (new Date notification.created_at).get-month! + 1
@notifications.forEach (notification) =>
date = (new Date notification.created_at).getDate()
month = (new Date notification.created_at).getMonth() + 1
notification._date = date
notification._datetext = month + '月 ' + date + '日'
</script>

View File

@ -22,14 +22,14 @@
this.Progress.start();
@stream.on 'post' this.on-stream-post
this.stream.on 'post' this.on-stream-post
document.addEventListener 'visibilitychange' @window-on-visibilitychange, false
this.refs.ui.refs.home.on('loaded', () => {
this.Progress.done();
this.on('unmount', () => {
@stream.off 'post' this.on-stream-post
this.stream.off 'post' this.on-stream-post
document.removeEventListener 'visibilitychange' @window-on-visibilitychange
this.on-stream-post = (post) => {

View File

@ -15,7 +15,7 @@
this.ui.trigger('title', '<i class="fa fa-comments-o"></i>メッセージ');
this.refs.ui.refs.index.on('navigate-user', (user) => {
@page '/i/messaging/' + user.username
this.page '/i/messaging/' + user.username
</script>
</mk-messaging-page>

View File

@ -344,18 +344,18 @@
post_id: this.opts.post
.then (post) =>
this.post = post
this.is-repost = @post.repost?
this.p = if @is-repost then @post.repost else @post
this.summary = @get-post-summary @p
this.is-repost = this.post.repost?
this.p = if @is-repost then this.post.repost else this.post
this.summary = @get-post-summary this.p
this.trigger('loaded');
this.fetching = false
this.update();
if @p.text?
tokens = @analyze @p.text
if this.p.text?
tokens = @analyze this.p.text
this.refs.text.innerHTML = @compile tokens
this.refs.text.children.for-each (e) =>
this.refs.text.children.forEach (e) =>
if e.tag-name == 'MK-URL'
riot.mount e
@ -364,12 +364,12 @@
.filter (t) -> t.type == 'link'
.map (t) =>
this.preview = this.refs.text.appendChild document.createElement 'mk-url-preview'
riot.mount @preview, do
riot.mount this.preview, do
url: t.content
// Get likes
this.api 'posts/likes' do
post_id: @p.id
post_id: this.p.id
limit: 8
.then (likes) =>
this.likes = likes
@ -377,7 +377,7 @@
// Get reposts
this.api 'posts/reposts' do
post_id: @p.id
post_id: this.p.id
limit: 8
.then (reposts) =>
this.reposts = reposts
@ -385,7 +385,7 @@
// Get replies
this.api 'posts/replies' do
post_id: @p.id
post_id: this.p.id
limit: 8
.then (replies) =>
this.replies = replies
@ -393,27 +393,27 @@
this.reply = () => {
@open-post-form do
reply: @p
reply: this.p
this.repost = () => {
text = window.prompt '「' + @summary + '」をRepost'
if text?
this.api 'posts/create' do
repost_id: @p.id
repost_id: this.p.id
text: if text == '' then undefined else text
this.like = () => {
if @p.is_liked
if this.p.is_liked
this.api 'posts/likes/delete' do
post_id: @p.id
post_id: this.p.id
.then =>
@p.is_liked = false
this.p.is_liked = false
this.update();
else
this.api 'posts/likes/create' do
post_id: @p.id
post_id: this.p.id
.then =>
@p.is_liked = true
this.p.is_liked = true
this.update();
this.load-context = () => {
@ -421,7 +421,7 @@
// Get context
this.api 'posts/context' do
post_id: @p.reply_to_id
post_id: this.p.reply_to_id
.then (context) =>
this.context = context.reverse!
this.loading-context = false

View File

@ -202,7 +202,7 @@
this.onkeypress = (e) => {
if (e.char-code == 10 || e.char-code == 13) && e.ctrlKey
@post!
this.post!
else
return true
@ -217,7 +217,7 @@
return true
this.select-file = () => {
this.refs.file.click!
this.refs.file.click();
this.select-file-from-drive = () => {
browser = document.body.appendChild document.createElement 'mk-drive-selector'
@ -225,7 +225,7 @@
multiple: true
.0
browser.on('selected', (files) => {
files.for-each @add-file
files.forEach @add-file
this.change-file = () => {
files = this.refs.file.files
@ -264,7 +264,7 @@
text: this.refs.text.value
media_ids: files
reply_to_id: if this.opts.reply? then this.opts.reply.id else undefined
poll: if @poll then this.refs.poll.get! else undefined
poll: if this.poll then this.refs.poll.get! else undefined
.then (data) =>
this.trigger('post');
this.unmount();

View File

@ -35,7 +35,7 @@
if @state == 'connected'
this.root.style.opacity = 0
@stream-state-ev.on('connected', () => {
this.stream-state-ev.on('connected', () => {
this.state = @get-stream-state!
this.update();
setTimeout =>
@ -44,7 +44,7 @@
} 200ms 'linear'
, 1000ms
@stream-state-ev.on('closed', () => {
this.stream-state-ev.on('closed', () => {
this.state = @get-stream-state!
this.update();
Velocity this.root, {

View File

@ -33,11 +33,11 @@
this.post = this.opts.post
this.on('mount', () => {
if @post.text?
tokens = @analyze @post.text
if this.post.text?
tokens = @analyze this.post.text
this.refs.text.innerHTML = @compile tokens, false
this.refs.text.children.for-each (e) =>
this.refs.text.children.forEach (e) =>
if e.tag-name == 'MK-URL'
riot.mount e
</script>

View File

@ -292,22 +292,22 @@
this.mixin('open-post-form');
this.post = this.opts.post
this.is-repost = @post.repost? and !@post.text?
this.p = if @is-repost then @post.repost else @post
this.summary = @get-post-summary @p
this.url = CONFIG.url + '/' + @p.user.username + '/' + @p.id
this.is-repost = this.post.repost? and !this.post.text?
this.p = if @is-repost then this.post.repost else this.post
this.summary = @get-post-summary this.p
this.url = CONFIG.url + '/' + this.p.user.username + '/' + this.p.id
this.on('mount', () => {
if @p.text?
tokens = if @p._highlight?
then @analyze @p._highlight
else @analyze @p.text
if this.p.text?
tokens = if this.p._highlight?
then @analyze this.p._highlight
else @analyze this.p.text
this.refs.text.innerHTML = this.refs.text.innerHTML.replace '<p class="dummy"></p>' if @p._highlight?
this.refs.text.innerHTML = this.refs.text.innerHTML.replace '<p class="dummy"></p>' if this.p._highlight?
then @compile tokens, true, false
else @compile tokens
this.refs.text.children.for-each (e) =>
this.refs.text.children.forEach (e) =>
if e.tag-name == 'MK-URL'
riot.mount e
@ -316,32 +316,32 @@
.filter (t) -> t.type == 'link'
.map (t) =>
this.preview = this.refs.text.appendChild document.createElement 'mk-url-preview'
riot.mount @preview, do
riot.mount this.preview, do
url: t.content
this.reply = () => {
@open-post-form do
reply: @p
reply: this.p
this.repost = () => {
text = window.prompt '「' + @summary + '」をRepost'
if text?
this.api 'posts/create' do
repost_id: @p.id
repost_id: this.p.id
text: if text == '' then undefined else text
this.like = () => {
if @p.is_liked
if this.p.is_liked
this.api 'posts/likes/delete' do
post_id: @p.id
post_id: this.p.id
.then =>
@p.is_liked = false
this.p.is_liked = false
this.update();
else
this.api 'posts/likes/create' do
post_id: @p.id
post_id: this.p.id
.then =>
@p.is_liked = true
this.p.is_liked = true
this.update();
</script>
</mk-timeline-post>

View File

@ -85,34 +85,34 @@
@set-posts posts
this.on('update', () => {
@posts.for-each (post) =>
date = (new Date post.created_at).get-date!
month = (new Date post.created_at).get-month! + 1
this.posts.forEach (post) =>
date = (new Date post.created_at).getDate()
month = (new Date post.created_at).getMonth() + 1
post._date = date
post._datetext = month + '月 ' + date + '日'
this.more = () => {
if @init or @fetching or @posts.length == 0 then return
if @init or @fetching or this.posts.length == 0 then return
this.fetching = true
this.update();
this.opts.more!.then (posts) =>
this.fetching = false
@prepend-posts posts
this.prepend-posts posts
this.set-posts = (posts) => {
this.posts = posts
this.update();
this.prepend-posts = (posts) => {
posts.for-each (post) =>
@posts.push post
posts.forEach (post) =>
this.posts.push post
this.update();
this.add-post = (post) => {
@posts.unshift post
this.posts.unshift post
this.update();
this.tail = () => {
@posts[@posts.length - 1]
this.posts[this.posts.length - 1]
</script>
</mk-timeline>

View File

@ -126,6 +126,6 @@
this.search = () => {
query = window.prompt '検索'
if query? and query != ''
@page '/search:' + query
this.page '/search:' + query
</script>
</mk-ui-nav>

View File

@ -23,11 +23,11 @@
// alert text
this.on('mount', () => {
@stream.on 'notification' this.on-stream-notification
this.stream.on 'notification' this.on-stream-notification
@ready!
this.on('unmount', () => {
@stream.off 'notification' this.on-stream-notification
this.stream.off 'notification' this.on-stream-notification
this.ready = () => {
@ready-count++

View File

@ -86,7 +86,7 @@
this.fetching = true
this.update();
obj <~ this.opts.fetch do
@mode == 'iknow'
this.mode == 'iknow'
@limit
null
this.users = obj.users
@ -99,7 +99,7 @@
this.more-fetching = true
this.update();
obj <~ this.opts.fetch do
@mode == 'iknow'
this.mode == 'iknow'
@limit
@cursor
this.users = @users.concat obj.users