Skip to content

Commit

Permalink
Add Banner Notification as extension point (#20)
Browse files Browse the repository at this point in the history
Co-authored-by: Mariam Araujo Betancourt <[email protected]>
  • Loading branch information
mariam21arauj and Mariam Araujo Betancourt authored Jul 22, 2024
1 parent 3c903f7 commit 9d25ebb
Show file tree
Hide file tree
Showing 27 changed files with 30,151 additions and 1 deletion.
22 changes: 22 additions & 0 deletions admin-ui-sdk/banner-notification/custom-mass-actions/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
# package directories
node_modules

# build
build
dist
.manifest-dist.yml

# Config
config.json
.env*
!.env.dist
.aio

# Adobe I/O console config
console.json

.idea
.aws.tmp.creds.json
.parcel-cache
.DS_Store
.vscode
36 changes: 36 additions & 0 deletions admin-ui-sdk/banner-notification/custom-mass-actions/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
# Adobe Commerce Mass Action Banner Notification Extension Point

This application demonstrates how to customize Banner Notifications for Mass Actions in the Adobe Commerce Admin using the Admin UI SDK.

## Overview

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

## Features

- **Custom Banner Notifications**: Add a custom Banner Notification for mass actions to the selected product or order in the Commerce Admin panel to display a success or error message.

## Prerequisites

- Admin UI SDK 1.4.0+
- Product and/or Order Mass Action extension point registered.
- Adobe Commerce instance with IMS module installed and enabled.
- Adobe Commerce Admin UI SDK installed and enabled.
- Developer console access to the organization on App Builder.
- App Builder project created.

## Installation

- Run `npm install` to install the dependencies
- Run `aio auth:login` to login to your Adobe I/O account
- Run `aio app use` (select the correct project and workspace)
- Run `aio app deploy` to deploy the application

## Local testing

- Run `aio app run` to start the local development server.
- Create and run a server to redirect to your local application. Refer to the following documentation for more information: [Local Testing](https://developer.adobe.com/commerce/extensibility/admin-ui-sdk/configuration/).

## Usage

After installation and configuration, you can access the custom menus and pages from the Commerce Admin panel.
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
extensions:
commerce/backend-ui/1:
operations:
view:
- type: web
impl: index.html
web: web-src
runtimeManifest:
packages:
CustomMassAction:
license: Apache-2.0
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"name": "banner-notification-custom-mass-action",
"displayName": "Adobe Commerce banner notification custom mass action",
"description": "Adobe Commerce banner norification custom mass action in admin panel",
"platform": "web",
"id": "banner-notification-custom-mass-action",
"version": "1.0.0"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
$schema: http://json-schema.org/draft-07/schema
$id: https://adobe.io/schemas/app-builder-templates/1

categories:
- action
- ui

extensions:
- extensionPointId: commerce/backend-ui/1
Loading

0 comments on commit 9d25ebb

Please sign in to comment.