pepepper
/
tissue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

TypeScriptの音ォ〜!

This commit is contained in:
shibafu 2019-05-24 01:08:47 +09:00
parent 333f39c9f4
commit 7a95e0979e
4 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
package.json
View File

@ -11,6 +11,7 @@
"stylelint": "stylelint resources/assets/sass/**/*" "stylelint": "stylelint resources/assets/sass/**/*"
}, },
"devDependencies": { "devDependencies": {
"@types/jquery": "^3.3.29",
"bootstrap": "^4.3.1", "bootstrap": "^4.3.1",
"cal-heatmap": "^3.3.10", "cal-heatmap": "^3.3.10",
"chart.js": "^2.7.1", "chart.js": "^2.7.1",
@ -28,6 +29,8 @@
"sass-loader": "^7.1.0", "sass-loader": "^7.1.0",
"stylelint": "^9.10.1", "stylelint": "^9.10.1",
"stylelint-config-recess-order": "^2.0.1", "stylelint-config-recess-order": "^2.0.1",
"ts-loader": "^6.0.1",
"typescript": "^3.4.5",
"vue": "^2.6.10", "vue": "^2.6.10",
"vue-template-compiler": "^2.6.6" "vue-template-compiler": "^2.6.6"
}, },

15
resources/assets/js/checkin.js → resources/assets/js/checkin.ts
View File

@ -10,7 +10,7 @@ function updateTags() {
); );
} }
function insertTag(value) { function insertTag(value: string) {
$('<li class="list-inline-item badge badge-primary" style="cursor: pointer;"><span class="oi oi-tag"></span> <span></span> | x</li>') $('<li class="list-inline-item badge badge-primary" style="cursor: pointer;"><span class="oi oi-tag"></span> <span></span> | x</li>')
.data('value', value) .data('value', value)
.children(':last-child') .children(':last-child')
@ -19,22 +19,23 @@ function insertTag(value) {
.appendTo('#tags'); .appendTo('#tags');
} }
var initTags = $('input[name=tags]').val(); const initTags = $('input[name=tags]').val() as string;
if (initTags.trim() !== '') { if (initTags.trim() !== '') {
initTags.split(' ').forEach(function (value) { initTags.split(' ').forEach(function (value) {
insertTag(value); insertTag(value);
}); });
} }
$('#tagInput').on('keydown', function (ev) { $('#tagInput').on('keydown', function (ev: JQuery.KeyDownEvent) {
var $this = $(this); const $this = $(this);
if ($this.val().trim() !== '') { let value = $this.val() as string;
if (value.trim() !== '') {
switch (ev.key) { switch (ev.key) {
case 'Tab': case 'Tab':
case 'Enter': case 'Enter':
case ' ': case ' ':
if (ev.originalEvent.isComposing !== true) { if ((ev.originalEvent as any).isComposing !== true) {
insertTag($this.val().trim()); insertTag(value.trim());
$this.val(''); $this.val('');
updateTags(); updateTags();
} }

11
tsconfig.json Normal file
View File

@ -0,0 +1,11 @@
{
"compilerOptions": {
"sourceMap": true,
"target": "es5",
"module": "es2015",
"strict": true
},
"include": [
"resources/assets/js/**/*"
]
}

2
webpack.mix.js vendored
View File

@ -16,7 +16,7 @@ mix.js('resources/assets/js/app.js', 'public/js')
.js('resources/assets/js/home.js', 'public/js') .js('resources/assets/js/home.js', 'public/js')
.js('resources/assets/js/user/stats.js', 'public/js/user') .js('resources/assets/js/user/stats.js', 'public/js/user')
.js('resources/assets/js/setting/privacy.js', 'public/js/setting') .js('resources/assets/js/setting/privacy.js', 'public/js/setting')
.js('resources/assets/js/checkin.js', 'public/js') .ts('resources/assets/js/checkin.ts', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css') .sass('resources/assets/sass/app.scss', 'public/css')
.autoload({ .autoload({
'jquery': ['$', 'jQuery', 'window.jQuery'] 'jquery': ['$', 'jQuery', 'window.jQuery']