allows to set and edit equipment icons

gulpfile.mjs

@@ -25,10 +25,15 @@ function buildStyles() {
 };
 
 function copySource() {
-	return src(['src/**/*', '!src/style/**/*.scss', '!src/packs/**/*'])
+	return src(['src/**/*', '!src/assets/**/*', '!src/style/**/*.scss', '!src/packs/**/*'])
 		.pipe(dest('dist/'));
 }
 
+function copyAssets() {
+	return src(['src/assets/**/*'], {encoding: false})
+	        .pipe(dest('dist/assets/'))
+}
+
 function updateManifestFile() {
 	return src('dist/system.json')
 		.pipe(replace('{{VERSION}}', process.env.VERSION))
@@ -61,6 +66,7 @@ function buildDB() {
 export default series(
 	cleanDist,
 	copySource,
+	copyAssets,
 	buildStyles,
 	buildDB,
 	updateManifestFile

src/style/_equipment-sheet.scss

@@ -31,6 +31,26 @@
         grid-area: name;
       }
 
+      .name {
+        position: relative;
+
+        .img {
+          position: absolute;
+          right: 0;
+          bottom: 6px;
+          width: 24px;
+          height: 24px;
+        }
+
+        label {
+          position: absolute;
+          left: 0;
+          top: 0;
+          right: 26px;
+          bottom: 0;
+        }
+      }
+
       .bottomline {
         grid-area: bottomline;
         display: grid;

src/templates/item/item-equipment-sheet.hbs

@@ -22,6 +22,7 @@
 
         <div class="tab meta" data-group="primary" data-tab="meta">
             <div class="name">
+                <img class="img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
                 <label>Name
                     <input name="name" type="text" value="{{item.name}}" placeholder="Name"/>
                 </label>