From 932a8250b6369417274eb1dd483eed6286fb7aaf Mon Sep 17 00:00:00 2001
From: stuzer05 <stuzer05@stuzer.link>
Date: Mon, 4 Dec 2023 10:56:09 +0200
Subject: [PATCH] Add str sort lines tool

---
 src/components/Sidebar.vue |  1 +
 src/router/index.js        |  5 +++
 src/views/StrSortLines.vue | 84 ++++++++++++++++++++++++++++++++++++++
 3 files changed, 90 insertions(+)
 create mode 100644 src/views/StrSortLines.vue

diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 9b7f4db..06cdfd3 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -31,6 +31,7 @@ export default {
       'Strings': {
         'fix_ru_en_keyboard': 'Fix ru-en keyboard',
         'str_length': 'Str length',
+        'str_sort_lines': 'Str sort lines',
         'str_to_lower_upper': 'Str to lower/upper',
         'str_remove_duplicate_lines': 'Str remove duplicate lines',
       },
diff --git a/src/router/index.js b/src/router/index.js
index 78751cd..07c1359 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -20,6 +20,11 @@ const router = createRouter({
 			name: 'str_length',
 			component: () => import('../views/StrLength.vue'),
 		},
+		{
+			path: '/str_sort_lines',
+			name: 'str_sort_lines',
+			component: () => import('../views/StrSortLines.vue'),
+		},
 		{
 			path: '/str_to_lower_upper',
 			name: 'str_to_lower_upper',
diff --git a/src/views/StrSortLines.vue b/src/views/StrSortLines.vue
new file mode 100644
index 0000000..3db9b64
--- /dev/null
+++ b/src/views/StrSortLines.vue
@@ -0,0 +1,84 @@
+<template>
+  <h2 class="tool-title">Str sort lines</h2>
+  <hr class="mt-5 mb-5">
+
+  <div class="input-group">
+    <label for="data">Data</label>
+    <textarea id="data" v-model="toolData.data" style="height: 150px"></textarea>
+  </div>
+
+  <div class="input-group">
+    <label>Mode</label>
+
+    <div>
+      <input id="sort_mode_alpha" value="alpha" name="sort_mode" v-model="toolData.sortMode" type="radio"> <label for="sort_mode_alpha">alphabetically</label><br>
+      <input id="sort_mode_numerically" value="numerically" name="sort_mode" v-model="toolData.sortMode" type="radio"> <label for="sort_mode_numerically">numerically</label><br>
+      <input id="sort_mode_by_length" value="by_length" name="sort_mode" v-model="toolData.sortMode" type="radio"> <label for="sort_mode_by_length">by length</label><br>
+      <input id="sort_mode_random" value="random" name="sort_mode" v-model="toolData.sortMode" type="radio"> <label for="sort_mode_random">random</label><br>
+      <br>
+      <input id="sort_mode_reverse" value="random" name="sort_mode_reverse" v-model="toolData.sortModeReverse" type="checkbox"> <label for="sort_mode_reverse">reverse</label>
+    </div>
+  </div>
+
+  <hr class="mt-5 mb-5">
+
+  <div class="input-group">
+    <label for="result">Result</label>
+    <textarea id="result" v-model="toolResult" style="height: 150px"></textarea>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      toolData: {
+        data: '',
+        sortMode: 'alpha',
+        sortModeReverse: false,
+      },
+    };
+  },
+  computed: {
+    toolResult() {
+      let result = []
+      const data = this.toolData.data.split('\n');
+
+      switch (this.toolData.sortMode) {
+        case 'alpha':
+          result = data.sort(function(a, b) {
+            return a.localeCompare(b);
+          });
+          break;
+        case 'numerically':
+          const collator = new Intl.Collator([], {numeric: true});
+
+          result = data.sort(function(a, b) {
+            return collator.compare(a, b);
+          });
+          break;
+        case 'by_length':
+          result = data.sort(function(a, b) {
+            return a.length - b.length;
+          });
+          break;
+        case 'random':
+          result = data.sort(function(a, b) {
+            return Math.random() - .5;
+          });
+          break;
+      }
+
+      if (this.toolData.sortModeReverse) {
+        result = result.reverse();
+      }
+
+      return result.join('\n');
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+
+</style>
\ No newline at end of file