62 lines
1.3 KiB
Vue
62 lines
1.3 KiB
Vue
<template>
|
|
<ToolWrapper :config="config()">
|
|
<v-text-field
|
|
v-model="port"
|
|
outlined
|
|
class="centered-input"
|
|
readonly
|
|
/>
|
|
|
|
<div class="text-center">
|
|
<v-btn depressed class="mr-4" @click="refreshPort">
|
|
Refresh
|
|
</v-btn>
|
|
<v-btn depressed @click="copy(port.toString())">
|
|
Copy port
|
|
</v-btn>
|
|
</div>
|
|
</ToolWrapper>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
|
|
import {Component} from 'nuxt-property-decorator'
|
|
import {CopyableMixin} from '@/mixins/copyable.mixin'
|
|
import type {ToolConfig} from '@/types/ToolConfig'
|
|
import Tool from '~/components/Tool.vue'
|
|
import {randIntFromInterval} from '~/utils/random'
|
|
|
|
const generatePort = () => randIntFromInterval(1024, 65535)
|
|
|
|
@Component({
|
|
mixins: [CopyableMixin]
|
|
})
|
|
export default class RandomPortGenerator extends Tool {
|
|
config(): ToolConfig {
|
|
return {
|
|
title: 'Random port generator',
|
|
description: 'Random port generator without the range of "known" ports (0-1023).',
|
|
icon: 'mdi-lan-pending',
|
|
keywords: ['system', 'port', 'lan']
|
|
}
|
|
}
|
|
|
|
port!: number
|
|
|
|
created() {
|
|
this.refreshPort()
|
|
}
|
|
|
|
refreshPort() {
|
|
this.port = generatePort()
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
::v-deep .centered-input input {
|
|
text-align: center;
|
|
font-family: Consolas, monospace;
|
|
}
|
|
</style>
|