From f771e7a99f962463401cdd8addd455782605675f Mon Sep 17 00:00:00 2001
From: myztillx <33730898+myztillx@users.noreply.github.com>
Date: Sun, 18 Jun 2023 05:01:54 -0400
Subject: feat(chmod-calculator): added symbolic representation (#455)

---
 src/tools/chmod-calculator/chmod-calculator.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/tools/chmod-calculator/chmod-calculator.vue')

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>
-- 
cgit v1.2.3

