Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

22
src/web/app/desktop/tags/autocomplete-suggestion.tag
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>

8
src/web/app/desktop/tags/contextmenu.tag
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>

4
src/web/app/desktop/tags/donation.tag
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!

6
src/web/app/desktop/tags/drive/base-contextmenu.tag
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>

90
src/web/app/desktop/tags/drive/browser.tag
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>

10
src/web/app/desktop/tags/drive/file-contextmenu.tag
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!

42
src/web/app/desktop/tags/drive/file.tag
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>

12
src/web/app/desktop/tags/drive/folder-contextmenu.tag
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

52
src/web/app/desktop/tags/drive/folder.tag
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

40
src/web/app/desktop/tags/drive/nav-folder.tag
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) =>

4
src/web/app/desktop/tags/input-dialog.tag
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>

30
src/web/app/desktop/tags/post-form.tag
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

2
src/web/app/desktop/tags/select-file-from-drive-window.tag
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>

4
src/web/app/desktop/tags/set-avatar-suggestion.tag
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>

4
src/web/app/desktop/tags/set-banner-suggestion.tag
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>

2
src/web/app/desktop/tags/timeline-post.tag
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

6
src/web/app/desktop/tags/ui-header-account.tag
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>

6
src/web/app/desktop/tags/ui-header-notifications.tag
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>

2
src/web/app/desktop/tags/ui-header-search.tag
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>

2
src/web/app/desktop/tags/ui.tag
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>

24
src/web/app/desktop/tags/window.tag
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>