summaryrefslogtreecommitdiff
path: root/src/web/app/desktop/scripts
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2017-11-13 18:05:35 +0900
committersyuilo <syuilotan@yahoo.co.jp>2017-11-13 18:05:35 +0900
commitbc9a8283c66d7588f931d4b802f7ab1fa7aa3226 (patch)
treecac529d136737c95b1656564756da8c4ae84df32 /src/web/app/desktop/scripts
parent:v: (diff)
downloadsharkey-bc9a8283c66d7588f931d4b802f7ab1fa7aa3226.tar.gz
sharkey-bc9a8283c66d7588f931d4b802f7ab1fa7aa3226.tar.bz2
sharkey-bc9a8283c66d7588f931d4b802f7ab1fa7aa3226.zip
なんかもうめっちゃ変えた
Diffstat (limited to 'src/web/app/desktop/scripts')
-rw-r--r--src/web/app/desktop/scripts/autocomplete.ts (renamed from src/web/app/desktop/scripts/autocomplete.js)26
-rw-r--r--src/web/app/desktop/scripts/dialog.ts (renamed from src/web/app/desktop/scripts/dialog.js)4
-rw-r--r--src/web/app/desktop/scripts/fuck-ad-block.ts (renamed from src/web/app/desktop/scripts/fuck-ad-block.js)2
-rw-r--r--src/web/app/desktop/scripts/input-dialog.ts (renamed from src/web/app/desktop/scripts/input-dialog.js)2
-rw-r--r--src/web/app/desktop/scripts/not-implemented-exception.ts (renamed from src/web/app/desktop/scripts/not-implemented-exception.js)0
-rw-r--r--src/web/app/desktop/scripts/notify.ts (renamed from src/web/app/desktop/scripts/notify.js)2
-rw-r--r--src/web/app/desktop/scripts/password-dialog.ts (renamed from src/web/app/desktop/scripts/password-dialog.js)2
-rw-r--r--src/web/app/desktop/scripts/update-avatar.ts (renamed from src/web/app/desktop/scripts/update-avatar.js)8
-rw-r--r--src/web/app/desktop/scripts/update-banner.ts (renamed from src/web/app/desktop/scripts/update-banner.js)8
9 files changed, 29 insertions, 25 deletions
diff --git a/src/web/app/desktop/scripts/autocomplete.js b/src/web/app/desktop/scripts/autocomplete.ts
index 8ca516e2a9..9df7aae08d 100644
--- a/src/web/app/desktop/scripts/autocomplete.js
+++ b/src/web/app/desktop/scripts/autocomplete.ts
@@ -1,10 +1,12 @@
-const getCaretCoordinates = require('textarea-caret');
+import getCaretCoordinates = require('textarea-caret');
import * as riot from 'riot';
/**
* オートコンプリートを管理するクラス。
*/
class Autocomplete {
+ private suggestion: any;
+ private textarea: any;
/**
* 対象のテキストエリアを与えてインスタンスを初期化します。
@@ -23,22 +25,22 @@ class Autocomplete {
/**
* このインスタンスにあるテキストエリアの入力のキャプチャを開始します。
*/
- attach() {
+ public attach() {
this.textarea.addEventListener('input', this.onInput);
}
/**
* このインスタンスにあるテキストエリアの入力のキャプチャを解除します。
*/
- detach() {
+ public detach() {
this.textarea.removeEventListener('input', this.onInput);
this.close();
}
/**
- * [Private] テキスト入力時
+ * テキスト入力時
*/
- onInput() {
+ private onInput() {
this.close();
const caret = this.textarea.selectionStart;
@@ -56,9 +58,9 @@ class Autocomplete {
}
/**
- * [Private] サジェストを提示します。
+ * サジェストを提示します。
*/
- open(type, q) {
+ private open(type, q) {
// 既に開いているサジェストは閉じる
this.close();
@@ -81,7 +83,7 @@ class Autocomplete {
const el = document.body.appendChild(tag);
// マウント
- this.suggestion = riot.mount(el, {
+ this.suggestion = (riot as any).mount(el, {
textarea: this.textarea,
complete: this.complete,
close: this.close,
@@ -91,9 +93,9 @@ class Autocomplete {
}
/**
- * [Private] サジェストを閉じます。
+ * サジェストを閉じます。
*/
- close() {
+ private close() {
if (this.suggestion == null) return;
this.suggestion.unmount();
@@ -103,9 +105,9 @@ class Autocomplete {
}
/**
- * [Private] オートコンプリートする
+ * オートコンプリートする
*/
- complete(user) {
+ private complete(user) {
this.close();
const value = user.username;
diff --git a/src/web/app/desktop/scripts/dialog.js b/src/web/app/desktop/scripts/dialog.ts
index c502d3fcb8..816ba4b5f5 100644
--- a/src/web/app/desktop/scripts/dialog.js
+++ b/src/web/app/desktop/scripts/dialog.ts
@@ -1,9 +1,9 @@
import * as riot from 'riot';
-export default (title, text, buttons, canThrough, onThrough) => {
+export default (title, text, buttons, canThrough?, onThrough?) => {
const dialog = document.body.appendChild(document.createElement('mk-dialog'));
const controller = riot.observable();
- riot.mount(dialog, {
+ (riot as any).mount(dialog, {
controller: controller,
title: title,
text: text,
diff --git a/src/web/app/desktop/scripts/fuck-ad-block.js b/src/web/app/desktop/scripts/fuck-ad-block.ts
index ccfc43ce6e..3307ba2f30 100644
--- a/src/web/app/desktop/scripts/fuck-ad-block.js
+++ b/src/web/app/desktop/scripts/fuck-ad-block.ts
@@ -1,6 +1,8 @@
require('fuckadblock');
import dialog from './dialog';
+declare var fuckAdBlock: any;
+
export default () => {
if (fuckAdBlock === undefined) {
adBlockDetected();
diff --git a/src/web/app/desktop/scripts/input-dialog.js b/src/web/app/desktop/scripts/input-dialog.ts
index 954fabfb67..b06d011c6b 100644
--- a/src/web/app/desktop/scripts/input-dialog.js
+++ b/src/web/app/desktop/scripts/input-dialog.ts
@@ -2,7 +2,7 @@ import * as riot from 'riot';
export default (title, placeholder, defaultValue, onOk, onCancel) => {
const dialog = document.body.appendChild(document.createElement('mk-input-dialog'));
- return riot.mount(dialog, {
+ return (riot as any).mount(dialog, {
title: title,
placeholder: placeholder,
'default': defaultValue,
diff --git a/src/web/app/desktop/scripts/not-implemented-exception.js b/src/web/app/desktop/scripts/not-implemented-exception.ts
index dd00c7662f..dd00c7662f 100644
--- a/src/web/app/desktop/scripts/not-implemented-exception.js
+++ b/src/web/app/desktop/scripts/not-implemented-exception.ts
diff --git a/src/web/app/desktop/scripts/notify.js b/src/web/app/desktop/scripts/notify.ts
index e58a8e4d36..2e6cbdeed8 100644
--- a/src/web/app/desktop/scripts/notify.js
+++ b/src/web/app/desktop/scripts/notify.ts
@@ -2,7 +2,7 @@ import * as riot from 'riot';
export default message => {
const notification = document.body.appendChild(document.createElement('mk-ui-notification'));
- riot.mount(notification, {
+ (riot as any).mount(notification, {
message: message
});
};
diff --git a/src/web/app/desktop/scripts/password-dialog.js b/src/web/app/desktop/scripts/password-dialog.ts
index 2bdc93e421..39d7f3db7a 100644
--- a/src/web/app/desktop/scripts/password-dialog.js
+++ b/src/web/app/desktop/scripts/password-dialog.ts
@@ -2,7 +2,7 @@ import * as riot from 'riot';
export default (title, onOk, onCancel) => {
const dialog = document.body.appendChild(document.createElement('mk-input-dialog'));
- return riot.mount(dialog, {
+ return (riot as any).mount(dialog, {
title: title,
type: 'password',
onOk: onOk,
diff --git a/src/web/app/desktop/scripts/update-avatar.js b/src/web/app/desktop/scripts/update-avatar.ts
index 165c90567c..5fd7f2d3d1 100644
--- a/src/web/app/desktop/scripts/update-avatar.js
+++ b/src/web/app/desktop/scripts/update-avatar.ts
@@ -5,7 +5,7 @@ import api from '../../common/scripts/api';
export default (I, cb, file = null) => {
const fileSelected = file => {
- const cropper = riot.mount(document.body.appendChild(document.createElement('mk-crop-window')), {
+ const cropper = (riot as any).mount(document.body.appendChild(document.createElement('mk-crop-window')), {
file: file,
title: 'アバターとして表示する部分を選択',
aspectRatio: 1 / 1
@@ -37,7 +37,7 @@ export default (I, cb, file = null) => {
};
const upload = (data, folder) => {
- const progress = riot.mount(document.body.appendChild(document.createElement('mk-progress-dialog')), {
+ const progress = (riot as any).mount(document.body.appendChild(document.createElement('mk-progress-dialog')), {
title: '新しいアバターをアップロードしています'
})[0];
@@ -46,7 +46,7 @@ export default (I, cb, file = null) => {
const xhr = new XMLHttpRequest();
xhr.open('POST', CONFIG.apiUrl + '/drive/files/create', true);
xhr.onload = e => {
- const file = JSON.parse(e.target.response);
+ const file = JSON.parse((e.target as any).response);
progress.close();
set(file);
};
@@ -75,7 +75,7 @@ export default (I, cb, file = null) => {
if (file) {
fileSelected(file);
} else {
- const browser = riot.mount(document.body.appendChild(document.createElement('mk-select-file-from-drive-window')), {
+ const browser = (riot as any).mount(document.body.appendChild(document.createElement('mk-select-file-from-drive-window')), {
multiple: false,
title: '<i class="fa fa-picture-o"></i>アバターにする画像を選択'
})[0];
diff --git a/src/web/app/desktop/scripts/update-banner.js b/src/web/app/desktop/scripts/update-banner.ts
index d83b2bf1b1..23a671c44d 100644
--- a/src/web/app/desktop/scripts/update-banner.js
+++ b/src/web/app/desktop/scripts/update-banner.ts
@@ -5,7 +5,7 @@ import api from '../../common/scripts/api';
export default (I, cb, file = null) => {
const fileSelected = file => {
- const cropper = riot.mount(document.body.appendChild(document.createElement('mk-crop-window')), {
+ const cropper = (riot as any).mount(document.body.appendChild(document.createElement('mk-crop-window')), {
file: file,
title: 'バナーとして表示する部分を選択',
aspectRatio: 16 / 9
@@ -37,7 +37,7 @@ export default (I, cb, file = null) => {
};
const upload = (data, folder) => {
- const progress = riot.mount(document.body.appendChild(document.createElement('mk-progress-dialog')), {
+ const progress = (riot as any).mount(document.body.appendChild(document.createElement('mk-progress-dialog')), {
title: '新しいバナーをアップロードしています'
})[0];
@@ -46,7 +46,7 @@ export default (I, cb, file = null) => {
const xhr = new XMLHttpRequest();
xhr.open('POST', CONFIG.apiUrl + '/drive/files/create', true);
xhr.onload = e => {
- const file = JSON.parse(e.target.response);
+ const file = JSON.parse((e.target as any).response);
progress.close();
set(file);
};
@@ -75,7 +75,7 @@ export default (I, cb, file = null) => {
if (file) {
fileSelected(file);
} else {
- const browser = riot.mount(document.body.appendChild(document.createElement('mk-select-file-from-drive-window')), {
+ const browser = (riot as any).mount(document.body.appendChild(document.createElement('mk-select-file-from-drive-window')), {
multiple: false,
title: '<i class="fa fa-picture-o"></i>バナーにする画像を選択'
})[0];