@haus-tech/badge-plugin 0.1.8 → 0.1.10

package/dist/ui/gql/index.ts

@@ -0,0 +1 @@
+export * from "./gql";

package/dist/ui/translations/en.json

@@ -0,0 +1,8 @@
+{
+  "badge-plugin": {
+    "notify-create-badges-success": "Created {count} badges",
+    "confirm-delete-badges": "Are you sure you want to delete {count} badges?",
+    "collections": "Collections",
+    "position": "Position"
+  }
+}

package/dist/ui/translations/sv.json

@@ -0,0 +1,8 @@
+{
+  "badge-plugin": {
+    "notify-create-badges-success": "Skapade {count} badges",
+    "confirm-delete-badges": "Är du säker på att du vill ta bort {count} badges?",
+    "collections": "Samling",
+    "position": "Position"
+  }
+}

package/dist/ui/update-badge.component.html

@@ -0,0 +1,52 @@
+<form class="form" [formGroup]="form" id="export-form">
+  <vdr-labeled-data [label]="'badge-plugin.position' | translate" class="select-wrapper">
+    <ng-select
+      [multiple]="false"
+      [clearable]="false"
+      [searchable]="false"
+      (change)="positionChanged($event)"
+      formControlName="position"
+      class="custom"
+    >
+      <ng-template ng-label-tmp let-position="item" let-clear="clear">
+        {{ position }}
+      </ng-template>
+      <ng-option *ngFor="let position of availablePositions" [value]="position">
+        {{ position }}
+      </ng-option>
+    </ng-select>
+  </vdr-labeled-data>
+
+  <vdr-labeled-data [label]="'badge-plugin.collections' | translate">
+    <ng-select
+      [multiple]="false"
+      [clearable]="true"
+      [searchable]="true"
+      [items]="allCollections$ | async"
+      bindLabel="name"
+      bindValue="id"
+      (change)="collectionValueChanged($event)"
+      formControlName="collectionId"
+      style="width: 100%"
+    >
+      <ng-template ng-label-tmp let-tag="item" let-clear="clear">
+        <vdr-chip [colorFrom]="tag.name"
+          ><clr-icon shape="folder-open" class="mr2"></clr-icon> {{ tag.name }}</vdr-chip
+        >
+      </ng-template>
+      <ng-option *ngFor="let tag of allCollections$ | async" [value]="tag">
+        <vdr-chip [colorFrom]="tag.name"
+          ><clr-icon shape="folder-open" class="mr2"></clr-icon> {{ tag.name }}</vdr-chip
+        >
+      </ng-option>
+    </ng-select>
+  </vdr-labeled-data>
+  <button
+    type="button"
+    (click)="updateBadge()"
+    *ngIf="form.dirty"
+    class="btn btn-primary mt-2 mb-4"
+  >
+    Update
+  </button>
+</form>

package/dist/ui/update-badge.component.js

@@ -95,8 +95,6 @@ UpdateBadgeComponent = __decorate([
         templateUrl: './update-badge.component.html',
         styleUrls: ['./update-badge.component.scss'],
         changeDetection: core_1.ChangeDetectionStrategy.OnPush,
-        standalone: true,
-        imports: [core_2.SharedModule],
     }),
     __metadata("design:paramtypes", [forms_1.FormBuilder,
         core_1.ChangeDetectorRef,

package/dist/ui/update-badge.component.scss

@@ -0,0 +1,16 @@
+.select-wrapper {
+  width: 100%;
+  flex: 1 0 auto;
+
+  > div {
+    width: 100%;
+  }
+}
+
+.content {
+  width: 100%;
+}
+
+.label-title {
+  font-size: 32px;
+}

package/dist/ui/update-badge.component.ts

@@ -0,0 +1,91 @@
+import {
+  Component,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Input,
+  Output,
+  OnChanges,
+  SimpleChanges,
+  EventEmitter,
+} from '@angular/core'
+import { FormBuilder, FormGroup } from '@angular/forms'
+import { Observable } from 'rxjs'
+import { DataService } from '@vendure/admin-ui/core'
+import { Badge, Collection } from './gql/graphql'
+import { graphql } from './gql'
+
+const updateBadgeDocument = graphql(`
+  mutation UpdateBadge($input: UpdateBadgeInput!) {
+    updateBadge(input: $input) {
+      id
+    }
+  }
+`)
+
+@Component({
+  selector: 'update-badge',
+  templateUrl: './update-badge.component.html',
+  styleUrls: ['./update-badge.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class UpdateBadgeComponent implements OnChanges {
+  @Input() badge: Badge
+  @Input() availablePositions: string[] = []
+  @Output() badgeUpdated: EventEmitter<Badge> = new EventEmitter<Badge>()
+
+  form: FormGroup
+
+  allCollections$: Observable<Collection[]>
+
+  constructor(
+    private formBuilder: FormBuilder,
+    private changeDetector: ChangeDetectorRef,
+    private dataService: DataService,
+  ) {
+    this.form = this.formBuilder.group({
+      collectionId: [''],
+      position: [''],
+    })
+    this.allCollections$ = this.dataService.collection
+      .getCollections()
+      .mapSingle((data) => data.collections.items as Collection[])
+  }
+
+  ngOnChanges(changes: SimpleChanges) {
+    if (changes.badge && changes.badge.currentValue) {
+      this.form.patchValue({
+        collectionId: this.badge?.collectionId,
+        position: this.badge?.position,
+      })
+    }
+  }
+
+  collectionValueChanged(event: Collection) {
+    this.form.patchValue({ collectionId: event.id })
+  }
+
+  positionChanged(event: string) {
+    this.form.patchValue({ position: event })
+  }
+
+  updateBadge() {
+    this.dataService
+      .mutate(updateBadgeDocument, {
+        input: {
+          id: this.badge.id,
+          collectionId: this.form.value.collectionId,
+          position: this.form.value.position,
+        },
+      })
+      .subscribe({
+        next: (result) => {
+          this.form.markAsPristine()
+          this.changeDetector.detectChanges()
+          this.badgeUpdated.emit({ ...this.badge, ...this.form.value })
+        },
+        error: (err) => {
+          console.error('Error updating badge:', err)
+        },
+      })
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haus-tech/badge-plugin",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Adds a badge to product images",
   "author": "Haus Tech",
   "repository": "https://github.com/WeAreHausTech/haus-tech-vendure-plugins",
@@ -17,7 +17,7 @@
   ],
   "scripts": {
     "start": "yarn ts-node test/dev-server.ts",
-    "build": "rimraf dist && tsc",
+    "build": "rimraf dist && tsc && copyfiles -u 1 'src/ui/**/*' dist/",
     "test": "jest --preset=\"ts-jest\"",
     "prepublishOnly": "yarn && yarn build"
   },

package/dist/ui/providers.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@angular/core").Provider[];
-export default _default;

package/dist/ui/providers.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@vendure/admin-ui/core");
-exports.default = [
-    (0, core_1.addNavMenuItem)({
-        id: 'badges',
-        label: 'Badges',
-        routerLink: ['/extensions/badges'],
-        icon: 'star',
-    }, 'catalog'),
-];

package/dist/ui/routes.d.ts

@@ -1,29 +0,0 @@
-declare const _default: {
-    resolve: {
-        detail?: import("@angular/router").ResolveFn<{
-            entity: import("rxjs").Observable<any>;
-            result?: any;
-        }> | undefined;
-    };
-    data: {
-        breadcrumb: import("rxjs").BehaviorSubject<import("@vendure/admin-ui/core").BreadcrumbValue> | ((data: any) => any);
-    };
-    component: typeof import("@vendure/admin-ui/core").AngularRouteComponent;
-    title?: string | import("@angular/core").Type<import("@angular/router").Resolve<string>> | import("@angular/router").ResolveFn<string> | undefined;
-    path: string;
-    pathMatch?: "prefix" | "full" | undefined;
-    matcher?: import("@angular/router").UrlMatcher | undefined;
-    loadComponent?: (() => import("@angular/core").Type<unknown> | import("rxjs").Observable<import("@angular/core").Type<unknown> | import("@angular/router").DefaultExport<import("@angular/core").Type<unknown>>> | Promise<import("@angular/core").Type<unknown> | import("@angular/router").DefaultExport<import("@angular/core").Type<unknown>>>) | undefined;
-    redirectTo?: string | undefined;
-    outlet?: string | undefined;
-    canActivate?: any[] | undefined;
-    canMatch?: any[] | undefined;
-    canActivateChild?: any[] | undefined;
-    canDeactivate?: any[] | undefined;
-    canLoad?: any[] | undefined;
-    children?: import("@angular/router").Routes | undefined;
-    loadChildren?: import("@angular/router").LoadChildrenCallback | undefined;
-    runGuardsAndResolvers?: import("@angular/router").RunGuardsAndResolvers | undefined;
-    providers: (import("@angular/core").Provider | import("@angular/core").EnvironmentProviders)[];
-}[];
-export default _default;

package/dist/ui/routes.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@vendure/admin-ui/core");
-const badge_list_component_1 = require("./badge-list.component");
-exports.default = [
-    (0, core_1.registerRouteComponent)({
-        component: badge_list_component_1.BadgeListComponent,
-        path: '',
-        title: 'Badges',
-        breadcrumb: 'Badges',
-    }),
-];