This commit is contained in:
syuilo 2017-02-20 10:27:44 +09:00
parent 3c3040783f
commit 7791431717
44 changed files with 344 additions and 340 deletions

View file

@ -19,16 +19,15 @@
<script>
this.mixin('api');
this.apps = []
this.fetching = true
this.apps = [];
this.fetching = true;
this.on('mount', () => {
this.api 'i/authorized_apps'
.then (apps) =>
this.apps = apps
this.fetching = false
this.api('i/authorized_apps').then(apps => {
this.apps = apps;
this.fetching = false;
this.update();
.catch (err) =>
console.error err
});
});
</script>
</mk-authorized-apps>

View file

@ -1,11 +1,7 @@
<mk-copyright><span>(c) syuilo 2014-2017</span>
<mk-copyright>
<span>(c) syuilo 2014-2017</span>
<style>
:scope
display block
</style>
</mk-copyright>

View file

@ -59,6 +59,7 @@
<script>
retry() {
this.unmount();
this.opts.retry!
this.opts.retry();
}
</script>
</mk-core-error>

View file

@ -20,10 +20,5 @@
opacity 1
40%
opacity 0
</style>
</mk-ellipsis>

View file

@ -21,9 +21,5 @@
margin 0
text-align center
</style>
</mk-introduction>

View file

@ -327,29 +327,29 @@
key = e.which
switch (key)
| 9, 40 => // Key[TAB] or Key[↓]
e.prevent-default!
e.stop-propagation!
this.refs.search-result.child-nodes[0].focus();
e.preventDefault();
e.stopPropagation();
this.refs.search-result.childNodes[0].focus();
on-search-result-keydown(i, e) {
key = e.which
switch (key)
| 10, 13 => // Key[ENTER]
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
@search-result[i]._click!
| 27 => // Key[ESC]
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
this.refs.search.focus();
| 38 => // Key[↑]
e.prevent-default!
e.stop-propagation!
(this.refs.search-result.child-nodes[i].previous-element-sibling || this.refs.search-result.child-nodes[@search-result.length - 1]).focus();
e.preventDefault();
e.stopPropagation();
(this.refs.search-result.childNodes[i].previous-element-sibling || this.refs.search-result.childNodes[@search-result.length - 1]).focus();
| 9, 40 => // Key[TAB] or Key[↓]
e.prevent-default!
e.stop-propagation!
(this.refs.search-result.child-nodes[i].next-element-sibling || this.refs.search-result.child-nodes[0]).focus();
e.preventDefault();
e.stopPropagation();
(this.refs.search-result.childNodes[i].next-element-sibling || this.refs.search-result.childNodes[0]).focus();
</script>
</mk-messaging>

View file

@ -203,13 +203,13 @@
n.inner-HTML = '<i class="fa fa-arrow-circle-down"></i>' + message
n.onclick = =>
@scroll-to-bottom!
n.parent-node.remove-child n
n.parentNode.removeChild n
this.refs.notifications.appendChild n
setTimeout =>
n.style.opacity = 0
setTimeout =>
n.parent-node.remove-child n
n.parentNode.removeChild n
, 1000ms
, 4000ms

View file

@ -6,13 +6,14 @@
</style>
<script>
this.on('mount', () => {
// バグ? https://github.com/riot/riot/issues/2103
#value = this.opts.value
value = this.opts.riot-value
max = this.opts.max
// https://github.com/riot/riot/issues/2103
//value = this.opts.value
const value = this.opts.riotValue;
const max = this.opts.max;
if max? then if value > max then value = max
if (max != null && value > max) value = max;
this.root.innerHTML = value.to-locale-string!
this.root.innerHTML = value.toLocaleString();
});
</script>
</mk-number>

View file

@ -86,26 +86,31 @@
</style>
<script>
this.choices = ['', '']
this.choices = ['', ''];
oninput(i, e) {
@choices[i] = e.target.value
this.choices[i] = e.target.value;
}
add() {
@choices.push ''
this.choices.push('');
this.update();
this.refs.choices.child-nodes[@choices.length - 1].child-nodes[0].focus();
this.refs.choices.childNodes[this.choices.length - 1].childNodes[0].focus();
}
remove(i) {
this.choices = @choices.filter((_, _i) -> _i != i)
this.choices = this.choices.filter((_, _i) => _i != i);
this.update();
}
destroy() {
this.opts.ondestroy!
this.opts.ondestroy();
}
get() {
return {
choices: @choices.filter (choice) -> choice != ''
choices: this.choices.filter(choice => choice != '')
}
}
</script>
</mk-poll-editor>

View file

@ -70,30 +70,35 @@
<script>
this.mixin('api');
this.post = this.opts.post
this.poll = @post.poll
this.total = @poll.choices.reduce ((a, b) -> a + b.votes), 0
this.is-voted = @poll.choices.some (c) -> c.is_voted
this.result = @is-voted
this.post = this.opts.post;
this.poll = this.post.poll;
this.total = this.poll.choices.reduce((a, b) => a + b.votes, 0);
this.isVoted = this.poll.choices.some(c => c.is_voted);
this.result = this.isVoted;
toggle-result() {
this.result = !@result
toggleResult() {
this.result = !this.result;
}
vote(id) {
if (@poll.choices.some (c) -> c.is_voted) then return
this.api 'posts/polls/vote' do
post_id: @post.id
if (this.poll.choices.some(c => c.is_voted)) return;
this.api('posts/polls/vote', {
post_id: this.post.id,
choice: id
.then =>
@poll.choices.for-each (c) ->
if c.id == id
c.votes++
c.is_voted = true
@update do
poll: @poll
is-voted: true
result: true
total: @total + 1
}).then(() => {
this.poll.choices.forEach(c => {
if (c.id == id) {
c.votes++;
c.is_voted = true;
}
});
this.update({
poll: this.poll,
isVoted: true,
result: true,
total: this.total + 1
});
});
}
</script>
</mk-poll>

View file

@ -51,8 +51,8 @@
this.mixin('api');
this.mixin('stream');
this.history = []
this.fetching = true
this.history = [];
this.fetching = true;
this.on('mount', () => {
this.api 'i/signin_history'

View file

@ -99,8 +99,8 @@
<script>
this.mixin('api');
this.user = null
this.signing = false
this.user = null;
this.signing = false;
oninput() {
this.api 'users/show' do
@ -111,7 +111,7 @@
this.update();
onsubmit(e) {
e.prevent-default!
e.preventDefault();
if this.refs.username.value == ''
this.refs.username.focus();

View file

@ -177,24 +177,27 @@
this.mixin('api');
this.mixin('get-password-strength');
this.username-state = null
this.password-strength = ''
this.password-retype-state = null
this.recaptchaed = false
this.usernameState = null;
this.passwordStrength = '';
this.passwordRetypeState = null;
this.recaptchaed = false;
window.on-recaptchaed = =>
this.recaptchaed = true
window.onEecaptchaed = () => {
this.recaptchaed = true;
this.update();
}
window.on-recaptcha-expired = =>
this.recaptchaed = false
window.onRecaptchaExpired = () => {
this.recaptchaed = false;
this.update();
}
this.on('mount', () => {
head = (document.get-elements-by-tag-name 'head).0'
const head = (document.getElementsByTagName('head'))[0];
script = document.createElement 'script'
..set-attribute 'src' \https://www.google.com/recaptcha/api.js
..setAttribute 'src' \https://www.google.com/recaptcha/api.js
head.appendChild script
});
on-change-username() {
username = this.refs.username.value
@ -263,7 +266,7 @@
this.password-retype-state = 'not-match'
onsubmit(e) {
e.prevent-default!
e.preventDefault();
username = this.refs.username.value
password = this.refs.password.value
@ -286,7 +289,7 @@
grecaptcha.reset!
this.recaptchaed = false
locker.parent-node.remove-child locker
locker.parentNode.removeChild locker
false
</script>

View file

@ -20,8 +20,8 @@
</style>
<script>
now = new Date!
this.d = now.get-date!
this.m = now.get-month! + 1
const now = new Date();
this.d = now.getDate();
this.m = now.getMonth() + 1;
</script>
</mk-special-message>

View file

@ -93,20 +93,22 @@
<script>
this.mixin('api');
this.url = this.opts.url
this.loading = true
this.url = this.opts.url;
this.loading = true;
this.on('mount', () => {
fetch CONFIG.url + '/api:url?url=' + @url
.then (res) =>
info <~ res.json!.then
this.title = info.title
this.description = info.description
this.thumbnail = info.thumbnail
this.icon = info.icon
this.sitename = info.sitename
fetch(CONFIG.url + '/api:url?url=' + this.url).then(res => {
res.json().then(info => {
this.title = info.title;
this.description = info.description;
this.thumbnail = info.thumbnail;
this.icon = info.icon;
this.sitename = info.sitename;
this.loading = false
this.loading = false;
this.update();
});
});
});
</script>
</mk-url-preview>

View file

@ -30,19 +30,20 @@
</style>
<script>
this.url = this.opts.href
this.url = this.opts.href;
this.on('before-mount', () => {
parser = document.createElement 'a'
parser.href = @url
parser = document.createElement('a');
parser.href = this.url;
this.schema = parser.protocol
this.hostname = parser.hostname
this.port = parser.port
this.pathname = parser.pathname
this.query = parser.search
this.hash = parser.hash
this.schema = parser.protocol;
this.hostname = parser.hostname;
this.port = parser.port;
this.pathname = parser.pathname;
this.query = parser.search;
this.hash = parser.hash;
this.update();
});
</script>
</mk-url>

View file

@ -124,25 +124,25 @@
switch (key)
| 10, 13 => // Key[ENTER]
if @select != -1
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
@complete @users[@select]
else
@close!
| 27 => // Key[ESC]
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
@close!
| 38 => // Key[↑]
if @select != -1
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
@select-prev!
else
@close!
| 9, 40 => // Key[TAB] or Key[↓]
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
@select-next!
| _ =>
@close!
@ -167,7 +167,7 @@
this.refs.users.children.for-each (el) =>
el.remove-attribute 'data-selected'
this.refs.users.children[@select].set-attribute 'data-selected' \true
this.refs.users.children[@select].setAttribute 'data-selected' \true
this.refs.users.children[@select].focus();
complete(user) {
@ -177,11 +177,11 @@
this.opts.close!
function contains(parent, child)
node = child.parent-node
node = child.parentNode
while node?
if node == parent
return true
node = node.parent-node
node = node.parentNode
return false
</script>
</mk-autocomplete-suggestion>

View file

@ -95,10 +95,10 @@
</style>
<script>
this.root.add-event-listener 'contextmenu' (e) =>
e.prevent-default!
e.preventDefault();
mousedown(e) {
e.prevent-default!
e.preventDefault();
if (!contains this.root, e.target) and (this.root != e.target)
@close!
return false
@ -129,11 +129,11 @@
this.unmount();
function contains(parent, child)
node = child.parent-node
node = child.parentNode
while (node != null)
if (node == parent)
return true
node = node.parent-node
node = node.parentNode
return false
</script>
</mk-contextmenu>

View file

@ -51,8 +51,8 @@
this.mixin('i');
close(e) {
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
this.I.data.no_donation = true
this.I.update!

View file

@ -24,15 +24,15 @@
this.refs.ctx.open pos
create-folder() {
@browser.create-folder!
this.browser.create-folder!
this.refs.ctx.close!
upload() {
@browser.select-local-file!
this.browser.select-local-file!
this.refs.ctx.close!
url-upload() {
@browser.url-upload!
this.browser.url-upload!
this.refs.ctx.close!
</script>
</mk-drive-browser-base-contextmenu>

View file

@ -293,7 +293,7 @@
@add-file file, true
on-stream-drive-file-updated(file) {
current = if @folder? then @folder.id else null
current = if this.folder? then this.folder.id else null
if current != file.folder_id
@remove-file file
else
@ -303,7 +303,7 @@
@add-folder folder, true
on-stream-drive-folder-updated(folder) {
current = if @folder? then @folder.id else null
current = if this.folder? then this.folder.id else null
if current != folder.parent_id
@remove-folder folder
else
@ -350,29 +350,29 @@
document.document-element.add-event-listener 'mouseup' up
path-oncontextmenu(e) {
e.prevent-default!
e.preventDefault();
e.stop-immediate-propagation!
return false
ondragover(e) {
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
// ドラッグ元が自分自身の所有するアイテムかどうか
if !@is-drag-source
// ドラッグされてきたものがファイルだったら
if e.data-transfer.effect-allowed == 'all'
e.data-transfer.drop-effect = 'copy'
if e.dataTransfer.effect-allowed == 'all'
e.dataTransfer.dropEffect = 'copy'
else
e.data-transfer.drop-effect = 'move'
e.dataTransfer.dropEffect = 'move'
this.draghover = true
else
// 自分自身にはドロップさせない
e.data-transfer.drop-effect = 'none'
e.dataTransfer.dropEffect = 'none'
return false
ondragenter(e) {
e.prevent-default!
e.preventDefault();
if !@is-drag-source
this.draghover = true
@ -380,19 +380,19 @@
this.draghover = false
ondrop(e) {
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
this.draghover = false
// ドロップされてきたものがファイルだったら
if e.data-transfer.files.length > 0
Array.prototype.for-each.call e.data-transfer.files, (file) =>
@upload file, @folder
if e.dataTransfer.files.length > 0
Array.prototype.for-each.call e.dataTransfer.files, (file) =>
@upload file, this.folder
return false
// データ取得
data = e.data-transfer.get-data 'text'
data = e.dataTransfer.get-data 'text'
if !data?
return false
@ -402,12 +402,12 @@
// (ドライブの)ファイルだったら
if obj.type == 'file'
file = obj.id
if (@files.some (f) => f.id == file)
if (this.files.some (f) => f.id == file)
return false
@remove-file file
this.api 'drive/files/update' do
file_id: file
folder_id: if @folder? then @folder.id else null
folder_id: if this.folder? then this.folder.id else null
.then =>
// something
.catch (err, text-status) =>
@ -417,14 +417,14 @@
else if obj.type == 'folder'
folder = obj.id
// 移動先が自分自身ならreject
if @folder? and folder == @folder.id
if this.folder? and folder == this.folder.id
return false
if (@folders.some (f) => f.id == folder)
if (this.folders.some (f) => f.id == folder)
return false
@remove-folder folder
this.api 'drive/folders/update' do
folder_id: folder
parent_id: if @folder? then @folder.id else null
parent_id: if this.folder? then this.folder.id else null
.then =>
// something
.catch (err) =>
@ -439,7 +439,7 @@
return false
oncontextmenu(e) {
e.prevent-default!
e.preventDefault();
e.stop-immediate-propagation!
ctx = document.body.appendChild document.createElement 'mk-drive-browser-base-contextmenu'
@ -464,7 +464,7 @@
if url? and url != ''
this.api 'drive/files/upload_from_url' do
url: url
folder_id: if @folder? then @folder.id else undefined
folder_id: if this.folder? then this.folder.id else undefined
@dialog do
'<i class="fa fa-check"></i>アップロードをリクエストしました'
@ -481,7 +481,7 @@
this.api 'drive/folders/create' do
name: name
folder_id: if @folder? then @folder.id else undefined
folder_id: if this.folder? then this.folder.id else undefined
.then (folder) =>
@add-folder folder, true
this.update();
@ -492,7 +492,7 @@
files = this.refs.file-input.files
for i from 0 to files.length - 1
file = files.item i
@upload file, @folder
@upload file, this.folder
upload(file, folder) {
if folder? and typeof folder == 'object'
@ -500,7 +500,7 @@
this.refs.uploader.upload file, folder
get-selection() {
@files.filter (file) -> file._selected
this.files.filter (file) -> file._selected
new-window(folder-id) {
browser = document.body.appendChild document.createElement 'mk-drive-browser-window'
@ -538,55 +538,55 @@
console.error err
add-folder(folder, unshift = false) {
current = if @folder? then @folder.id else null
current = if this.folder? then this.folder.id else null
if current != folder.parent_id
return
if (@folders.some (f) => f.id == folder.id)
exist = (@folders.map (f) -> f.id).index-of folder.id
@folders[exist] = folder
if (this.folders.some (f) => f.id == folder.id)
exist = (this.folders.map (f) -> f.id).index-of folder.id
this.folders[exist] = folder
this.update();
return
if unshift
@folders.unshift folder
this.folders.unshift folder
else
@folders.push folder
this.folders.push folder
this.update();
add-file(file, unshift = false) {
current = if @folder? then @folder.id else null
current = if this.folder? then this.folder.id else null
if current != file.folder_id
return
if (@files.some (f) => f.id == file.id)
exist = (@files.map (f) -> f.id).index-of file.id
@files[exist] = file
if (this.files.some (f) => f.id == file.id)
exist = (this.files.map (f) -> f.id).index-of file.id
this.files[exist] = file
this.update();
return
if unshift
@files.unshift file
this.files.unshift file
else
@files.push file
this.files.push file
this.update();
remove-folder(folder) {
if typeof folder == 'object'
folder = folder.id
this.folders = @folders.filter (f) -> f.id != folder
this.folders = this.folders.filter (f) -> f.id != folder
this.update();
remove-file(file) {
if typeof file == 'object'
file = file.id
this.files = @files.filter (f) -> f.id != file
this.files = this.files.filter (f) -> f.id != file
this.update();
go-root() {
if @folder != null
if this.folder != null
this.folder = null
this.hierarchy-folders = []
this.update();
@ -608,7 +608,7 @@
// フォルダ一覧取得
this.api 'drive/folders' do
folder_id: if @folder? then @folder.id else null
folder_id: if this.folder? then this.folder.id else null
limit: folders-max + 1
.then (folders) =>
if folders.length == folders-max + 1
@ -621,7 +621,7 @@
// ファイル一覧取得
this.api 'drive/files' do
folder_id: if @folder? then @folder.id else null
folder_id: if this.folder? then this.folder.id else null
limit: files-max + 1
.then (files) =>
if files.length == files-max + 1
@ -645,11 +645,11 @@
flag := true
function contains(parent, child)
node = child.parent-node
node = child.parentNode
while node?
if node == parent
return true
node = node.parent-node
node = node.parentNode
return false
</script>
</mk-drive-browser>

View file

@ -63,10 +63,10 @@
name <~ @input-dialog do
'ファイル名の変更'
'新しいファイル名を入力してください'
@file.name
this.file.name
this.api 'drive/files/update' do
file_id: @file.id
file_id: this.file.id
name: name
.then =>
// something
@ -81,15 +81,15 @@
set-avatar() {
this.refs.ctx.close!
@update-avatar this.I, null, @file
@update-avatar this.I, null, this.file
set-banner() {
this.refs.ctx.close!
@update-banner this.I, null, @file
@update-banner this.I, null, this.file
set-wallpaper() {
this.refs.ctx.close!
@update-wallpaper this.I, null, @file
@update-wallpaper this.I, null, this.file
add-app() {
@NotImplementedException!

View file

@ -144,43 +144,43 @@
</style>
<script>
this.bytes-to-size = require('../../../common/scripts/bytes-to-size.js');
this.bytesToSize = require('../../../common/scripts/bytesToSize.js');
this.mixin('i');
this.file = this.opts.file
this.browser = this.parent
this.title = @file.name + '\n' + @file.type + ' ' + (@bytes-to-size @file.datasize)
this.title = this.file.name + '\n' + this.file.type + ' ' + (@bytesToSize this.file.datasize)
this.is-contextmenu-showing = false
onclick() {
if @browser.multiple
if @file._selected?
@file._selected = !@file._selected
if this.browser.multiple
if this.file._selected?
this.file._selected = !this.file._selected
else
@file._selected = true
@browser.trigger 'change-selection' @browser.get-selection!
this.file._selected = true
this.browser.trigger 'change-selection' this.browser.get-selection!
else
if @file._selected
@browser.trigger 'selected' @file
if this.file._selected
this.browser.trigger 'selected' this.file
else
@browser.files.for-each (file) =>
this.browser.files.for-each (file) =>
file._selected = false
@file._selected = true
@browser.trigger 'change-selection' @file
this.file._selected = true
this.browser.trigger 'change-selection' this.file
oncontextmenu(e) {
e.prevent-default!
e.preventDefault();
e.stop-immediate-propagation!
this.is-contextmenu-showing = true
this.update();
ctx = document.body.appendChild document.createElement 'mk-drive-browser-file-contextmenu'
ctx = riot.mount ctx, do
browser: @browser
file: @file
browser: this.browser
file: this.file
ctx = ctx.0
ctx.open do
x: e.page-x - window.page-x-offset
@ -191,19 +191,19 @@
return false
ondragstart(e) {
e.data-transfer.effect-allowed = 'move'
e.data-transfer.set-data 'text' JSON.stringify do
e.dataTransfer.effect-allowed = 'move'
e.dataTransfer.set-data 'text' JSON.stringify do
type: 'file'
id: @file.id
file: @file
id: this.file.id
file: this.file
this.is-dragging = true
// 親ブラウザに対して、ドラッグが開始されたフラグを立てる
// (=あなたの子供が、ドラッグを開始しましたよ)
@browser.is-drag-source = true
this.browser.is-drag-source = true
ondragend(e) {
this.is-dragging = false
@browser.is-drag-source = false
this.browser.is-drag-source = false
</script>
</mk-drive-browser-file>

View file

@ -32,19 +32,19 @@
this.unmount();
move() {
@browser.move @folder.id
this.browser.move this.folder.id
this.refs.ctx.close!
new-window() {
@browser.new-window @folder.id
this.browser.new-window this.folder.id
this.refs.ctx.close!
create-folder() {
@browser.create-folder!
this.browser.create-folder!
this.refs.ctx.close!
upload() {
@browser.select-lcoal-file!
this.browser.select-lcoal-file!
this.refs.ctx.close!
rename() {
@ -53,10 +53,10 @@
name <~ @input-dialog do
'フォルダ名の変更'
'新しいフォルダ名を入力してください'
@folder.name
this.folder.name
this.api 'drive/folders/update' do
folder_id: @folder.id
folder_id: this.folder.id
name: name
.then =>
// something

View file

@ -56,13 +56,13 @@
this.folder = this.opts.folder
this.browser = this.parent
this.title = @folder.name
this.title = this.folder.name
this.hover = false
this.draghover = false
this.is-contextmenu-showing = false
onclick() {
@browser.move @folder
this.browser.move this.folder
onmouseover() {
this.hover = true
@ -71,19 +71,19 @@
this.hover = false
ondragover(e) {
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
// 自分自身がドラッグされていない場合
if !@is-dragging
// ドラッグされてきたものがファイルだったら
if e.data-transfer.effect-allowed == 'all'
e.data-transfer.drop-effect = 'copy'
if e.dataTransfer.effect-allowed == 'all'
e.dataTransfer.dropEffect = 'copy'
else
e.data-transfer.drop-effect = 'move'
e.dataTransfer.dropEffect = 'move'
else
// 自分自身にはドロップさせない
e.data-transfer.drop-effect = 'none'
e.dataTransfer.dropEffect = 'none'
return false
ondragenter() {
@ -94,17 +94,17 @@
this.draghover = false
ondrop(e) {
e.stop-propagation!
e.stopPropagation();
this.draghover = false
// ファイルだったら
if e.data-transfer.files.length > 0
Array.prototype.for-each.call e.data-transfer.files, (file) =>
@browser.upload file, @folder
if e.dataTransfer.files.length > 0
Array.prototype.for-each.call e.dataTransfer.files, (file) =>
this.browser.upload file, this.folder
return false
// データ取得
data = e.data-transfer.get-data 'text'
data = e.dataTransfer.get-data 'text'
if !data?
return false
@ -114,10 +114,10 @@
// (ドライブの)ファイルだったら
if obj.type == 'file'
file = obj.id
@browser.remove-file file
this.browser.remove-file file
this.api 'drive/files/update' do
file_id: file
folder_id: @folder.id
folder_id: this.folder.id
.then =>
// something
.catch (err, text-status) =>
@ -127,12 +127,12 @@
else if obj.type == 'folder'
folder = obj.id
// 移動先が自分自身ならreject
if folder == @folder.id
if folder == this.folder.id
return false
@browser.remove-folder folder
this.browser.remove-folder folder
this.api 'drive/folders/update' do
folder_id: folder
parent_id: @folder.id
parent_id: this.folder.id
.then =>
// something
.catch (err) =>
@ -147,30 +147,30 @@
return false
ondragstart(e) {
e.data-transfer.effect-allowed = 'move'
e.data-transfer.set-data 'text' JSON.stringify do
e.dataTransfer.effect-allowed = 'move'
e.dataTransfer.set-data 'text' JSON.stringify do
type: 'folder'
id: @folder.id
id: this.folder.id
this.is-dragging = true
// 親ブラウザに対して、ドラッグが開始されたフラグを立てる
// (=あなたの子供が、ドラッグを開始しましたよ)
@browser.is-drag-source = true
this.browser.is-drag-source = true
ondragend(e) {
this.is-dragging = false
@browser.is-drag-source = false
this.browser.is-drag-source = false
oncontextmenu(e) {
e.prevent-default!
e.preventDefault();
e.stop-immediate-propagation!
this.is-contextmenu-showing = true
this.update();
ctx = document.body.appendChild document.createElement 'mk-drive-browser-folder-contextmenu'
ctx = riot.mount ctx, do
browser: @browser
folder: @folder
browser: this.browser
folder: this.folder
ctx = ctx.0
ctx.open do
x: e.page-x - window.page-x-offset

View file

@ -17,7 +17,7 @@
this.hover = false
onclick() {
@browser.move @folder
this.browser.move this.folder
onmouseover() {
this.hover = true
@ -26,39 +26,39 @@
this.hover = false
ondragover(e) {
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
// このフォルダがルートかつカレントディレクトリならドロップ禁止
if @folder == null and @browser.folder == null
e.data-transfer.drop-effect = 'none'
if this.folder == null and this.browser.folder == null
e.dataTransfer.dropEffect = 'none'
// ドラッグされてきたものがファイルだったら
else if e.data-transfer.effect-allowed == 'all'
e.data-transfer.drop-effect = 'copy'
else if e.dataTransfer.effect-allowed == 'all'
e.dataTransfer.dropEffect = 'copy'
else
e.data-transfer.drop-effect = 'move'
e.dataTransfer.dropEffect = 'move'
return false
ondragenter() {
if @folder != null or @browser.folder != null
if this.folder != null or this.browser.folder != null
this.draghover = true
ondragleave() {
if @folder != null or @browser.folder != null
if this.folder != null or this.browser.folder != null
this.draghover = false
ondrop(e) {
e.stop-propagation!
e.stopPropagation();
this.draghover = false
// ファイルだったら
if e.data-transfer.files.length > 0
Array.prototype.for-each.call e.data-transfer.files, (file) =>
@browser.upload file, @folder
if e.dataTransfer.files.length > 0
Array.prototype.for-each.call e.dataTransfer.files, (file) =>
this.browser.upload file, this.folder
return false
// データ取得
data = e.data-transfer.get-data 'text'
data = e.dataTransfer.get-data 'text'
if !data?
return false
@ -68,10 +68,10 @@
// (ドライブの)ファイルだったら
if obj.type == 'file'
file = obj.id
@browser.remove-file file
this.browser.remove-file file
this.api 'drive/files/update' do
file_id: file
folder_id: if @folder? then @folder.id else null
folder_id: if this.folder? then this.folder.id else null
.then =>
// something
.catch (err, text-status) =>
@ -81,12 +81,12 @@
else if obj.type == 'folder'
folder = obj.id
// 移動先が自分自身ならreject
if @folder? and folder == @folder.id
if this.folder? and folder == this.folder.id
return false
@browser.remove-folder folder
this.browser.remove-folder folder
this.api 'drive/folders/update' do
folder_id: folder
parent_id: if @folder? then @folder.id else null
parent_id: if this.folder? then this.folder.id else null
.then =>
// something
.catch (err, text-status) =>

View file

@ -150,8 +150,8 @@
on-keydown(e) {
if e.which == 13 // Enter
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
@ok!
</script>
</mk-input-dialog>

View file

@ -345,13 +345,13 @@
this.update();
ondragover(e) {
e.stop-propagation!
e.stopPropagation();
this.draghover = true
// ドラッグされてきたものがファイルだったら
if e.data-transfer.effect-allowed == 'all'
e.data-transfer.drop-effect = 'copy'
if e.dataTransfer.effect-allowed == 'all'
e.dataTransfer.dropEffect = 'copy'
else
e.data-transfer.drop-effect = 'move'
e.dataTransfer.dropEffect = 'move'
return false
ondragenter(e) {
@ -361,18 +361,18 @@
this.draghover = false
ondrop(e) {
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
this.draghover = false
// ファイルだったら
if e.data-transfer.files.length > 0
Array.prototype.for-each.call e.data-transfer.files, (file) =>
if e.dataTransfer.files.length > 0
Array.prototype.for-each.call e.dataTransfer.files, (file) =>
@upload file
return false
// データ取得
data = e.data-transfer.get-data 'text'
data = e.dataTransfer.get-data 'text'
if !data?
return false
@ -422,12 +422,12 @@
add-file(file) {
file._remove = =>
this.files = @files.filter (x) -> x.id != file.id
this.trigger 'change-files' @files
this.files = this.files.filter (x) -> x.id != file.id
this.trigger 'change-files' this.files
this.update();
@files.push file
this.trigger 'change-files' @files
this.files.push file
this.trigger 'change-files' this.files
this.update();
add-poll() {
@ -440,8 +440,8 @@
post(e) {
this.wait = true
files = if @files? and @files.length > 0
then @files.map (f) -> f.id
files = if this.files? and this.files.length > 0
then this.files.map (f) -> f.id
else undefined
this.api 'posts/create' do

View file

@ -155,7 +155,7 @@
this.refs.window.refs.browser.select-local-file!
ok() {
this.trigger 'selected' @file
this.trigger 'selected' this.file
this.refs.window.close!
</script>
</mk-select-file-from-drive-window>

View file

@ -38,8 +38,8 @@
@update-avatar this.I
close(e) {
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
this.unmount();
</script>
</mk-set-avatar-suggestion>

View file

@ -38,8 +38,8 @@
@update-banner this.I
close(e) {
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
this.unmount();
</script>
</mk-set-banner-suggestion>

View file

@ -394,7 +394,7 @@
should-be-cancel = false
if should-be-cancel
e.prevent-default!
e.preventDefault();
function focus(el, fn)
target = fn el

View file

@ -188,7 +188,7 @@
el.remove-event-listener 'mousedown' @mousedown
mousedown(e) {
e.prevent-default!
e.preventDefault();
if (!contains this.root, e.target) and (this.root != e.target)
@close!
return false
@ -202,11 +202,11 @@
riot.mount document.body.appendChild document.createElement 'mk-settings-window'
function contains(parent, child)
node = child.parent-node
node = child.parentNode
while node?
if node == parent
return true
node = node.parent-node
node = node.parentNode
return false
</script>
</mk-ui-header-account>

View file

@ -98,17 +98,17 @@
el.remove-event-listener 'mousedown' @mousedown
mousedown(e) {
e.prevent-default!
e.preventDefault();
if (!contains this.root, e.target) and (this.root != e.target)
@close!
return false
function contains(parent, child)
node = child.parent-node
node = child.parentNode
while node?
if node == parent
return true
node = node.parent-node
node = node.parentNode
return false
</script>
</mk-ui-header-notifications>

View file

@ -35,7 +35,7 @@
this.mixin('page');
onsubmit(e) {
e.prevent-default!
e.preventDefault();
@page '/search:' + this.refs.q.value
</script>
</mk-ui-header-search>

View file

@ -31,7 +31,7 @@
tag = e.target.tag-name.to-lower-case!
if tag != 'input' and tag != 'textarea'
if e.which == 80 or e.which == 78 // p or n
e.prevent-default!
e.preventDefault();
@open-post-form!
</script>
</mk-ui>

View file

@ -208,7 +208,7 @@
this.refs.main.style.left = (window.inner-width / 2) - (this.refs.main.offset-width / 2) + 'px'
this.refs.header.add-event-listener 'contextmenu' (e) =>
e.prevent-default!
e.preventDefault();
window.add-event-listener 'resize' this.on-browser-resize
@ -315,7 +315,7 @@
if @is-modal then this.refs.bg.style.z-index = z + 1
repel-move(e) {
e.stop-propagation!
e.stopPropagation();
return true
bg-click() {
@ -328,7 +328,7 @@
// ヘッダー掴み時
on-header-mousedown(e) {
e.prevent-default!
e.preventDefault();
if not contains this.refs.main, document.active-element
this.refs.main.focus();
@ -370,7 +370,7 @@
// 上ハンドル掴み時
on-top-handle-mousedown(e) {
e.prevent-default!
e.preventDefault();
base = e.client-y
height = parse-int((get-computed-style this.refs.main, '').height, 10)
@ -392,7 +392,7 @@
// 右ハンドル掴み時
on-right-handle-mousedown(e) {
e.prevent-default!
e.preventDefault();
base = e.client-x
width = parse-int((get-computed-style this.refs.main, '').width, 10)
@ -412,7 +412,7 @@
// 下ハンドル掴み時
on-bottom-handle-mousedown(e) {
e.prevent-default!
e.preventDefault();
base = e.client-y
height = parse-int((get-computed-style this.refs.main, '').height, 10)
@ -432,7 +432,7 @@
// 左ハンドル掴み時
on-left-handle-mousedown(e) {
e.prevent-default!
e.preventDefault();
base = e.client-x
width = parse-int((get-computed-style this.refs.main, '').width, 10)
@ -499,21 +499,21 @@
window.remove-event-listener 'mouseup' drag-clear
ondragover(e) {
e.data-transfer.drop-effect = 'none'
e.dataTransfer.dropEffect = 'none'
on-keydown(e) {
if e.which == 27 // Esc
if @can-close
e.prevent-default!
e.stop-propagation!
e.preventDefault();
e.stopPropagation();
@close!
function contains(parent, child)
node = child.parent-node
node = child.parentNode
while node?
if node == parent
return true
node = node.parent-node
node = node.parentNode
return false
</script>
</mk-window>

View file

@ -238,6 +238,6 @@
.catch =>
alert 'アプリの作成に失敗しました。再度お試しください。'
locker.parent-node.remove-child locker
locker.parentNode.removeChild locker
</script>
</mk-new-app-form>

View file

@ -68,7 +68,7 @@
this.unmount();
ok() {
this.trigger 'selected' @files
this.trigger 'selected' this.files
this.unmount();
</script>
</mk-drive-selector>

View file

@ -171,7 +171,7 @@
@add-file file, true
on-stream-drive-file-updated(file) {
current = if @folder? then @folder.id else null
current = if this.folder? then this.folder.id else null
if current != file.folder_id
@remove-file file
else
@ -181,7 +181,7 @@
@add-folder folder, true
on-stream-drive-folder-updated(folder) {
current = if @folder? then @folder.id else null
current = if this.folder? then this.folder.id else null
if current != folder.parent_id
@remove-folder folder
else
@ -221,58 +221,58 @@
x folder.parent
this.update();
this.trigger 'open-folder' @folder, silent
this.trigger 'open-folder' this.folder, silent
@load!
.catch (err, text-status) ->
console.error err
add-folder(folder, unshift = false) {
current = if @folder? then @folder.id else null
current = if this.folder? then this.folder.id else null
if current != folder.parent_id
return
if (@folders.some (f) => f.id == folder.id)
if (this.folders.some (f) => f.id == folder.id)
return
if unshift
@folders.unshift folder
this.folders.unshift folder
else
@folders.push folder
this.folders.push folder
this.update();
add-file(file, unshift = false) {
current = if @folder? then @folder.id else null
current = if this.folder? then this.folder.id else null
if current != file.folder_id
return
if (@files.some (f) => f.id == file.id)
exist = (@files.map (f) -> f.id).index-of file.id
@files[exist] = file
if (this.files.some (f) => f.id == file.id)
exist = (this.files.map (f) -> f.id).index-of file.id
this.files[exist] = file
this.update();
return
if unshift
@files.unshift file
this.files.unshift file
else
@files.push file
this.files.push file
this.update();
remove-folder(folder) {
if typeof folder == 'object'
folder = folder.id
this.folders = @folders.filter (f) -> f.id != folder
this.folders = this.folders.filter (f) -> f.id != folder
this.update();
remove-file(file) {
if typeof file == 'object'
file = file.id
this.files = @files.filter (f) -> f.id != file
this.files = this.files.filter (f) -> f.id != file
this.update();
go-root() {
if @folder != null or @file != null
if this.folder != null or this.file != null
this.file = null
this.folder = null
this.hierarchy-folders = []
@ -298,7 +298,7 @@
// フォルダ一覧取得
this.api 'drive/folders' do
folder_id: if @folder? then @folder.id else null
folder_id: if this.folder? then this.folder.id else null
limit: folders-max + 1
.then (folders) =>
if folders.length == folders-max + 1
@ -311,7 +311,7 @@
// ファイル一覧取得
this.api 'drive/files' do
folder_id: if @folder? then @folder.id else null
folder_id: if this.folder? then this.folder.id else null
limit: files-max + 1
.then (files) =>
if files.length == files-max + 1
@ -372,6 +372,6 @@
x file.folder
this.update();
this.trigger 'open-file' @file, silent
this.trigger 'open-file' this.file, silent
</script>
</mk-drive>

View file

@ -180,22 +180,22 @@
</style>
<script>
this.bytes-to-size = require('../../../common/scripts/bytes-to-size.js');
this.get-gcd = require('../../../common/scripts/gcd.js');
this.bytesToSize = require('../../../common/scripts/bytes-to-size.js');
this.getGcd = require('../../../common/scripts/gcd.js');
this.mixin('api');
this.file = this.opts.file
this.kind = @file.type.split '/' .0
this.kind = this.file.type.split '/' .0
rename() {
name = window.prompt '名前を変更' @file.name
if name? and name != '' and name != @file.name
name = window.prompt '名前を変更' this.file.name
if name? and name != '' and name != this.file.name
this.api 'drive/files/update' do
file_id: @file.id
file_id: this.file.id
name: name
.then =>
this.parent.cf @file, true
this.parent.cf this.file, true
</script>
</mk-drive-file-viewer>

View file

@ -122,16 +122,16 @@
</style>
<script>
this.bytes-to-size = require('../../../common/scripts/bytes-to-size.js');
this.bytesToSize = require('../../../common/scripts/bytesToSize.js');
this.browser = this.parent
this.file = this.opts.file
this.is-selected = @browser.selected-files.some (f) => f.id == @file.id
this.is-selected = this.browser.selected-files.some (f) => f.id == this.file.id
@browser.on('change-selected', (selects) => {
this.is-selected = selects.some (f) => f.id == @file.id
this.browser.on('change-selected', (selects) => {
this.is-selected = selects.some (f) => f.id == this.file.id
onclick() {
@browser.choose-file @file
this.browser.choose-file this.file
</script>
</mk-drive-file>

View file

@ -41,6 +41,6 @@
this.folder = this.opts.folder
onclick() {
@browser.move @folder
this.browser.move this.folder
</script>
</mk-drive-folder>

View file

@ -238,12 +238,12 @@
add-file(file) {
file._remove = =>
this.files = @files.filter (x) -> x.id != file.id
this.trigger 'change-files' @files
this.files = this.files.filter (x) -> x.id != file.id
this.trigger 'change-files' this.files
this.update();
@files.push file
this.trigger 'change-files' @files
this.files.push file
this.trigger 'change-files' this.files
this.update();
add-poll() {
@ -256,8 +256,8 @@
post() {
this.wait = true
files = if @files? and @files.length > 0
then @files.map (f) -> f.id
files = if this.files? and this.files.length > 0
then this.files.map (f) -> f.id
else undefined
this.api 'posts/create' do