Skip to content

Commit 2a0d649

Browse files
DaneEverittDaneEveritt
committed
Migrate more components to TS
1 parent 085da72 commit 2a0d649

File tree

13 files changed

+320
-328
lines changed

13 files changed

+320
-328
lines changed

‎resources/assets/scripts/components/forms/CSRF.ts‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Vue from 'vue';
2+
3+
export default Vue.component('csrf', {
4+
data: function () {
5+
return {
6+
X_CSRF_TOKEN: window.X_CSRF_TOKEN,
7+
};
8+
},
9+
10+
template: `<input type="hidden" name="_token" v-bind:value="X_CSRF_TOKEN" />`,
11+
});

‎resources/assets/scripts/components/forms/CSRF.vue‎

Lines changed: 0 additions & 14 deletions
This file was deleted.

‎resources/assets/scripts/components/server/components/PowerButtons.ts‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
import Vue from 'vue';
2+
import { mapState } from 'vuex';
3+
import Status from '../../../helpers/statuses';
4+
5+
export default Vue.component('power-buttons', {
6+
computed: {
7+
...mapState('socket', ['connected', 'status']),
8+
},
9+
10+
data: function () {
11+
return {
12+
statuses: Status,
13+
};
14+
},
15+
16+
methods: {
17+
sendPowerAction: function (action: string) {
18+
// this.$socket().instance().emit('set status', action)
19+
},
20+
},
21+
22+
template: `
23+
<div>
24+
<div v-if="connected">
25+
<transition name="slide-fade" mode="out-in">
26+
<button class="btn btn-green uppercase text-xs px-4 py-2"
27+
v-if="status === statuses.STATUS_OFF"
28+
v-on:click.prevent="sendPowerAction('start')"
29+
>Start</button>
30+
<div v-else>
31+
<button class="btn btn-red uppercase text-xs px-4 py-2" v-on:click.prevent="sendPowerAction('stop')">Stop</button>
32+
<button class="btn btn-secondary uppercase text-xs px-4 py-2" v-on:click.prevent="sendPowerAction('restart')">Restart</button>
33+
<button class="btn btn-secondary uppercase text-xs px-4 py-2" v-on:click.prevent="sendPowerAction('kill')">Kill</button>
34+
</div>
35+
</transition>
36+
</div>
37+
<div v-else>
38+
<div class="text-center">
39+
<div class="spinner"></div>
40+
<div class="pt-2 text-xs text-grey-light">Connecting to node</div>
41+
</div>
42+
</div>
43+
</div>
44+
`
45+
});

‎resources/assets/scripts/components/server/components/PowerButtons.vue‎

Lines changed: 0 additions & 60 deletions
This file was deleted.

‎resources/assets/scripts/components/server/components/ProgressBar.ts‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
import Vue from 'vue';
2+
3+
export default Vue.component('progress-bar', {
4+
props: {
5+
percent: {type: Number, default: 0},
6+
title: {type: String}
7+
},
8+
9+
computed: {
10+
backgroundColor: function () {
11+
if (this.percent < 70) {
12+
return "bg-green-dark";
13+
} else if (this.percent >= 70 && this.percent < 90) {
14+
return "bg-yellow-dark";
15+
} else {
16+
return "bg-red-dark";
17+
}
18+
},
19+
borderColor: function () {
20+
if (this.percent < 70) {
21+
return "border-green-dark";
22+
} else if (this.percent >= 70 && this.percent < 90) {
23+
return "border-yellow-dark";
24+
} else {
25+
return "border-red-dark";
26+
}
27+
}
28+
},
29+
30+
template: `
31+
<div>
32+
<div class="text-right mb-1" v-if="title.length > 0">
33+
<span class="text-grey-dark text-xs uppercase">{{ title }}</span>
34+
</div>
35+
<div class="w-full border rounded h-4" :class="borderColor">
36+
<div class="h-full w-1/3 text-center" :style="{ width: percent + '%' }" :class="backgroundColor">
37+
<span class="mt-1 text-xs text-white leading-none">{{ percent }} %</span>
38+
</div>
39+
</div>
40+
</div>
41+
`,
42+
});

‎resources/assets/scripts/components/server/components/ProgressBar.vue‎

Lines changed: 0 additions & 42 deletions
This file was deleted.

‎resources/assets/scripts/components/server/components/filemanager/FileContextMenu.ts‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
import Vue from 'vue';
2+
import Icon from "../../../core/Icon";
3+
4+
export default Vue.component('file-context-menu', {
5+
components: {
6+
Icon,
7+
},
8+
9+
template: `
10+
<div class="context-menu">
11+
<div>
12+
<div class="context-row">
13+
<div class="icon">
14+
<icon name="edit3"/>
15+
</div>
16+
<div class="action"><span>Rename</span></div>
17+
</div>
18+
<div class="context-row">
19+
<div class="icon">
20+
<icon name="corner-up-left" class="h-4"/>
21+
</div>
22+
<div class="action"><span class="text-left">Move</span></div>
23+
</div>
24+
<div class="context-row">
25+
<div class="icon">
26+
<icon name="copy" class="h-4"/>
27+
</div>
28+
<div class="action">Copy</div>
29+
</div>
30+
</div>
31+
<div>
32+
<div class="context-row">
33+
<div class="icon">
34+
<icon name="file-plus" class="h-4"/>
35+
</div>
36+
<div class="action">New File</div>
37+
</div>
38+
<div class="context-row">
39+
<div class="icon">
40+
<icon name="folder-plus" class="h-4"/>
41+
</div>
42+
<div class="action">New Folder</div>
43+
</div>
44+
</div>
45+
<div>
46+
<div class="context-row">
47+
<div class="icon">
48+
<icon name="download" class="h-4"/>
49+
</div>
50+
<div class="action">Download</div>
51+
</div>
52+
<div class="context-row danger">
53+
<div class="icon">
54+
<icon name="delete" class="h-4"/>
55+
</div>
56+
<div class="action">Delete</div>
57+
</div>
58+
</div>
59+
</div>
60+
`,
61+
})

‎resources/assets/scripts/components/server/components/filemanager/FileManagerContextMenu.vue‎

Lines changed: 0 additions & 63 deletions
This file was deleted.

0 commit comments

Comments
 (0)