@adminforth/i18n 1.9.1 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/build.log +2 -2
  2. package/custom/BulkActionButton.vue +11 -11
  3. package/custom/package-lock.json +11 -1
  4. package/custom/package.json +2 -1
  5. package/dist/custom/BulkActionButton.vue +11 -11
  6. package/dist/custom/package-lock.json +11 -1
  7. package/dist/custom/package.json +2 -1
  8. package/package.json +1 -1
package/build.log CHANGED
@@ -18,5 +18,5 @@ custom/package-lock.json
18
18
  custom/package.json
19
19
  custom/tsconfig.json
20
20
 
21
- sent 38,848 bytes received 267 bytes 78,230.00 bytes/sec
22
- total size is 37,840 speedup is 0.97
21
+ sent 39,319 bytes received 267 bytes 79,172.00 bytes/sec
22
+ total size is 38,311 speedup is 0.97
package/custom/BulkActionButton.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <Dialog
3
- class="w-[500px]"
3
+ class="w-[600px]"
4
4
  :buttons="[
5
5
  {
6
6
  label: 'Translate',
@@ -32,18 +32,16 @@
32
32
  </button>
33
33
  </template>
34
34
 
35
- <div class="grid grid-cols-2 gap-4 w-full">
35
+ <div class="grid grid-cols-2 gap-1 w-full">
36
36
  <Button @click="selectAll" :disabled="allChecked">{{ t('Select All') }}</Button>
37
37
  <Button @click="uncheckAll" :disabled="noneChecked">{{ t('Uncheck All') }}</Button>
38
- <div class="col-span-2 grid grid-cols-3 gap-4 ">
39
- <div class="group flex items-center justify-between cursor-pointer" v-for="(index, lang) in checkedLanguages" :key="index" @click="toggleLanguage(lang)">
40
- <div class="flex items-center gap-2">
41
- <Checkbox v-model="checkedLanguages[lang]" />
42
- <span class="flag-icon"
43
- :class="`flag-icon-${getCountryCodeFromLangCode(lang)}`"
44
- ></span>
45
- <span class="group-hover:underline">{{ getName(getCountryCodeFromLangCode(lang)) }}</span>
46
- </div>
38
+ <div class="col-span-2 grid grid-cols-3 gap-1 mt-4">
39
+ <div class="group hover:bg-gray-100 dark:hover:bg-gray-700 px-2 py-2 flex items-center cursor-pointer" v-for="(index, lang) in checkedLanguages" :key="index" @click="toggleLanguage(lang)">
40
+ <Checkbox v-model="checkedLanguages[lang]" />
41
+ <span class="flag-icon mr-2"
42
+ :class="`flag-icon-${getCountryCodeFromLangCode(lang)}`"
43
+ ></span>
44
+ <span class="group-hover:text-gray-900 text-gray-600">{{ ISO6391.getName(lang.slice(0,2)) }} ({{ lang }})</span>
47
45
  </div>
48
46
  </div>
49
47
  </div>
@@ -60,6 +58,8 @@
60
58
  import { useAdminforth } from '@/adminforth';
61
59
  import { getCountryCodeFromLangCode } from './langCommon';
62
60
  import { getName, overwrite } from 'country-list';
61
+ import ISO6391 from 'iso-639-1';
62
+ import 'flag-icon-css/css/flag-icons.min.css';
63
63
 
64
64
  const { t } = useI18n();
65
65
  const adminforth = useAdminforth();
package/custom/package-lock.json CHANGED
@@ -9,7 +9,8 @@
9
9
  "version": "1.0.0",
10
10
  "license": "ISC",
11
11
  "dependencies": {
12
- "country-list": "^2.4.1"
12
+ "country-list": "^2.4.1",
13
+ "iso-639-1": "^3.1.5"
13
14
  },
14
15
  "devDependencies": {
15
16
  "flag-icon-css": "^4.1.7"
@@ -28,6 +29,15 @@
28
29
  "deprecated": "The project has been renamed to flag-icons",
29
30
  "dev": true,
30
31
  "license": "MIT"
32
+ },
33
+ "node_modules/iso-639-1": {
34
+ "version": "3.1.5",
35
+ "resolved": "https://registry.npmjs.org/iso-639-1/-/iso-639-1-3.1.5.tgz",
36
+ "integrity": "sha512-gXkz5+KN7HrG0Q5UGqSMO2qB9AsbEeyLP54kF1YrMsIxmu+g4BdB7rflReZTSTZGpfj8wywu6pfPBCylPIzGQA==",
37
+ "license": "MIT",
38
+ "engines": {
39
+ "node": ">=6.0"
40
+ }
31
41
  }
32
42
  }
33
43
  }
package/custom/package.json CHANGED
@@ -13,6 +13,7 @@
13
13
  "flag-icon-css": "^4.1.7"
14
14
  },
15
15
  "dependencies": {
16
- "country-list": "^2.4.1"
16
+ "country-list": "^2.4.1",
17
+ "iso-639-1": "^3.1.5"
17
18
  }
18
19
  }
package/dist/custom/BulkActionButton.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <Dialog
3
- class="w-[500px]"
3
+ class="w-[600px]"
4
4
  :buttons="[
5
5
  {
6
6
  label: 'Translate',
@@ -32,18 +32,16 @@
32
32
  </button>
33
33
  </template>
34
34
 
35
- <div class="grid grid-cols-2 gap-4 w-full">
35
+ <div class="grid grid-cols-2 gap-1 w-full">
36
36
  <Button @click="selectAll" :disabled="allChecked">{{ t('Select All') }}</Button>
37
37
  <Button @click="uncheckAll" :disabled="noneChecked">{{ t('Uncheck All') }}</Button>
38
- <div class="col-span-2 grid grid-cols-3 gap-4 ">
39
- <div class="group flex items-center justify-between cursor-pointer" v-for="(index, lang) in checkedLanguages" :key="index" @click="toggleLanguage(lang)">
40
- <div class="flex items-center gap-2">
41
- <Checkbox v-model="checkedLanguages[lang]" />
42
- <span class="flag-icon"
43
- :class="`flag-icon-${getCountryCodeFromLangCode(lang)}`"
44
- ></span>
45
- <span class="group-hover:underline">{{ getName(getCountryCodeFromLangCode(lang)) }}</span>
46
- </div>
38
+ <div class="col-span-2 grid grid-cols-3 gap-1 mt-4">
39
+ <div class="group hover:bg-gray-100 dark:hover:bg-gray-700 px-2 py-2 flex items-center cursor-pointer" v-for="(index, lang) in checkedLanguages" :key="index" @click="toggleLanguage(lang)">
40
+ <Checkbox v-model="checkedLanguages[lang]" />
41
+ <span class="flag-icon mr-2"
42
+ :class="`flag-icon-${getCountryCodeFromLangCode(lang)}`"
43
+ ></span>
44
+ <span class="group-hover:text-gray-900 text-gray-600">{{ ISO6391.getName(lang.slice(0,2)) }} ({{ lang }})</span>
47
45
  </div>
48
46
  </div>
49
47
  </div>
@@ -60,6 +58,8 @@
60
58
  import { useAdminforth } from '@/adminforth';
61
59
  import { getCountryCodeFromLangCode } from './langCommon';
62
60
  import { getName, overwrite } from 'country-list';
61
+ import ISO6391 from 'iso-639-1';
62
+ import 'flag-icon-css/css/flag-icons.min.css';
63
63
 
64
64
  const { t } = useI18n();
65
65
  const adminforth = useAdminforth();
package/dist/custom/package-lock.json CHANGED
@@ -9,7 +9,8 @@
9
9
  "version": "1.0.0",
10
10
  "license": "ISC",
11
11
  "dependencies": {
12
- "country-list": "^2.4.1"
12
+ "country-list": "^2.4.1",
13
+ "iso-639-1": "^3.1.5"
13
14
  },
14
15
  "devDependencies": {
15
16
  "flag-icon-css": "^4.1.7"
@@ -28,6 +29,15 @@
28
29
  "deprecated": "The project has been renamed to flag-icons",
29
30
  "dev": true,
30
31
  "license": "MIT"
32
+ },
33
+ "node_modules/iso-639-1": {
34
+ "version": "3.1.5",
35
+ "resolved": "https://registry.npmjs.org/iso-639-1/-/iso-639-1-3.1.5.tgz",
36
+ "integrity": "sha512-gXkz5+KN7HrG0Q5UGqSMO2qB9AsbEeyLP54kF1YrMsIxmu+g4BdB7rflReZTSTZGpfj8wywu6pfPBCylPIzGQA==",
37
+ "license": "MIT",
38
+ "engines": {
39
+ "node": ">=6.0"
40
+ }
31
41
  }
32
42
  }
33
43
  }
package/dist/custom/package.json CHANGED
@@ -13,6 +13,7 @@
13
13
  "flag-icon-css": "^4.1.7"
14
14
  },
15
15
  "dependencies": {
16
- "country-list": "^2.4.1"
16
+ "country-list": "^2.4.1",
17
+ "iso-639-1": "^3.1.5"
17
18
  }
18
19
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adminforth/i18n",
3
- "version": "1.9.1",
3
+ "version": "1.10.0",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "type": "module",