sharkey/src/web/app/mobile/script.ts

80 lines
2.5 KiB
TypeScript
Raw Normal View History

2016-12-29 07:49:51 +09:00
/**
* Mobile Client
*/
2017-02-19 12:31:23 +09:00
// Style
2017-02-19 15:36:53 +09:00
import './style.styl';
2018-03-07 18:55:02 +09:00
import '../../element.scss';
2017-02-19 12:31:23 +09:00
2017-05-18 05:06:55 +09:00
import init from '../init';
2016-12-29 07:49:51 +09:00
2018-02-22 02:00:30 +09:00
import chooseDriveFolder from './api/choose-drive-folder';
import chooseDriveFile from './api/choose-drive-file';
import dialog from './api/dialog';
import input from './api/input';
import post from './api/post';
import notify from './api/notify';
import MkIndex from './views/pages/index.vue';
2018-02-22 05:16:38 +09:00
import MkSignup from './views/pages/signup.vue';
2018-02-22 03:11:24 +09:00
import MkUser from './views/pages/user.vue';
2018-02-22 02:00:30 +09:00
import MkSelectDrive from './views/pages/selectdrive.vue';
import MkDrive from './views/pages/drive.vue';
2018-02-22 17:57:14 +09:00
import MkNotifications from './views/pages/notifications.vue';
2018-02-22 18:06:32 +09:00
import MkMessaging from './views/pages/messaging.vue';
import MkMessagingRoom from './views/pages/messaging-room.vue';
2018-02-22 21:23:10 +09:00
import MkPost from './views/pages/post.vue';
2018-02-22 21:39:36 +09:00
import MkSearch from './views/pages/search.vue';
import MkFollowers from './views/pages/followers.vue';
import MkFollowing from './views/pages/following.vue';
2018-02-22 22:38:14 +09:00
import MkSettings from './views/pages/settings.vue';
import MkProfileSetting from './views/pages/profile-setting.vue';
2018-03-07 18:55:02 +09:00
import MkOthello from './views/pages/othello.vue';
2018-02-22 02:00:30 +09:00
2016-12-29 07:49:51 +09:00
/**
2017-05-18 05:06:55 +09:00
* init
2016-12-29 07:49:51 +09:00
*/
2018-02-11 12:08:43 +09:00
init((launch) => {
2018-02-17 02:24:10 +09:00
// Register directives
require('./views/directives');
2018-02-22 02:00:30 +09:00
// Register components
require('./views/components');
2018-02-25 00:18:09 +09:00
require('./views/widgets');
2018-02-22 02:00:30 +09:00
2017-02-17 14:03:17 +09:00
// http://qiita.com/junya/items/3ff380878f26ca447f85
document.body.setAttribute('ontouchstart', '');
2018-02-22 02:00:30 +09:00
// Launch the app
2018-02-22 02:15:46 +09:00
const [app] = launch(os => ({
2018-02-22 02:00:30 +09:00
chooseDriveFolder,
chooseDriveFile,
dialog,
input,
2018-02-22 02:22:10 +09:00
post: post(os),
2018-02-22 02:15:46 +09:00
notify
2018-02-22 02:00:30 +09:00
}));
// Routing
app.$router.addRoutes([
{ path: '/', name: 'index', component: MkIndex },
2018-02-22 05:16:38 +09:00
{ path: '/signup', name: 'signup', component: MkSignup },
2018-02-22 22:38:14 +09:00
{ path: '/i/settings', component: MkSettings },
{ path: '/i/settings/profile', component: MkProfileSetting },
2018-02-22 17:57:14 +09:00
{ path: '/i/notifications', component: MkNotifications },
2018-02-22 18:06:32 +09:00
{ path: '/i/messaging', component: MkMessaging },
{ path: '/i/messaging/:username', component: MkMessagingRoom },
2018-02-22 02:00:30 +09:00
{ path: '/i/drive', component: MkDrive },
{ path: '/i/drive/folder/:folder', component: MkDrive },
2018-02-22 18:37:47 +09:00
{ path: '/i/drive/file/:file', component: MkDrive },
2018-02-22 02:00:30 +09:00
{ path: '/selectdrive', component: MkSelectDrive },
2018-02-22 21:39:36 +09:00
{ path: '/search', component: MkSearch },
2018-03-10 01:48:16 +09:00
{ path: '/othello', component: MkOthello },
{ path: '/othello/:game', component: MkOthello },
2018-02-22 21:23:10 +09:00
{ path: '/:user', component: MkUser },
2018-02-22 21:39:36 +09:00
{ path: '/:user/followers', component: MkFollowers },
{ path: '/:user/following', component: MkFollowing },
2018-02-22 21:23:10 +09:00
{ path: '/:user/:post', component: MkPost }
2018-02-22 02:00:30 +09:00
]);
2017-11-21 10:01:00 +09:00
}, true);