-
+
{{ resource.emoji }} {{ resource.title }}
diff --git a/src/shared/components/ncIconPicker/NcIconPicker.vue b/src/shared/components/ncIconPicker/NcIconPicker.vue
new file mode 100644
index 000000000..70a9504a5
--- /dev/null
+++ b/src/shared/components/ncIconPicker/NcIconPicker.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/shared/components/ncIconPicker/mixins/svgHelper.js b/src/shared/components/ncIconPicker/mixins/svgHelper.js
new file mode 100644
index 000000000..11cdbd16b
--- /dev/null
+++ b/src/shared/components/ncIconPicker/mixins/svgHelper.js
@@ -0,0 +1,19 @@
+export default {
+ methods: {
+ uriToSvg(dataUri) {
+ const pattern = /data:image\/svg\+xml;base64,/
+ const strippedUri = dataUri.replace(pattern, '')
+
+ return atob(strippedUri)
+ },
+ async getContextIcon(iconName) {
+ const { default: icon } = await import(
+ /* webpackChunkName: 'material-icons' */
+ /* webpackMode: 'lazy-once' */
+ `MaterialIcons/${iconName}.svg`
+ )
+
+ return this.uriToSvg(icon).replaceAll(/#fff/g, 'currentColor')
+ },
+ },
+}
diff --git a/src/shared/components/ncIconPicker/partials/Icon.vue b/src/shared/components/ncIconPicker/partials/Icon.vue
new file mode 100644
index 000000000..4fd232ba9
--- /dev/null
+++ b/src/shared/components/ncIconPicker/partials/Icon.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/shared/components/ncIconPicker/partials/IconPicker.vue b/src/shared/components/ncIconPicker/partials/IconPicker.vue
new file mode 100644
index 000000000..1b86d7450
--- /dev/null
+++ b/src/shared/components/ncIconPicker/partials/IconPicker.vue
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/webpack.js b/webpack.js
index 7daa253f6..742613f14 100644
--- a/webpack.js
+++ b/webpack.js
@@ -17,4 +17,8 @@ webpackConfig.module = {
]
}
+webpackConfig.resolve.alias = {
+ MaterialIcons: path.resolve(__dirname, 'img/material'),
+}
+
module.exports = webpackConfig