aboutsummaryrefslogtreecommitdiff
path: root/src/tools/chmod-calculator/chmod-calculator.vue
diff options
context:
space:
mode:
authorGravatar myztillx <33730898+myztillx@users.noreply.github.com> 2023-06-18 05:01:54 -0400
committerGravatar GitHub <noreply@github.com> 2023-06-18 11:01:54 +0200
commitf771e7a99f962463401cdd8addd455782605675f (patch)
treeffc3d1c825dbf2094a85051df57a7b2105482013 /src/tools/chmod-calculator/chmod-calculator.vue
parentcf7b1f000a7b33df48ce3883b4c837c4a87768cc (diff)
downloadit-tools-f771e7a99f962463401cdd8addd455782605675f.tar.gz
it-tools-f771e7a99f962463401cdd8addd455782605675f.tar.zst
it-tools-f771e7a99f962463401cdd8addd455782605675f.zip
feat(chmod-calculator): added symbolic representation (#455)
Diffstat (limited to 'src/tools/chmod-calculator/chmod-calculator.vue')
-rw-r--r--src/tools/chmod-calculator/chmod-calculator.vue6
1 files changed, 5 insertions, 1 deletions
diff --git a/src/tools/chmod-calculator/chmod-calculator.vue b/src/tools/chmod-calculator/chmod-calculator.vue
index 2673333..ba6f449 100644
--- a/src/tools/chmod-calculator/chmod-calculator.vue
+++ b/src/tools/chmod-calculator/chmod-calculator.vue
@@ -2,7 +2,7 @@
import { useThemeVars } from 'naive-ui';
import InputCopyable from '../../components/InputCopyable.vue';
-import { computeChmodOctalRepresentation } from './chmod-calculator.service';
+import { computeChmodOctalRepresentation, computeChmodSymbolicRepresentation } from './chmod-calculator.service';
import type { Group, Scope } from './chmod-calculator.types';
@@ -22,6 +22,7 @@ const permissions = ref({
});
const octal = computed(() => computeChmodOctalRepresentation({ permissions: permissions.value }));
+const symbolic = computed(() => computeChmodSymbolicRepresentation({ permissions: permissions.value }));
</script>
<template>
@@ -57,6 +58,9 @@ const octal = computed(() => computeChmodOctalRepresentation({ permissions: perm
<div class="octal-result">
{{ octal }}
</div>
+ <div class="octal-result">
+ {{ symbolic }}
+ </div>
<InputCopyable :value="`chmod ${octal} path`" readonly />
</div>