hotwax / dxp-components Goto Github PK
View Code? Open in Web Editor NEWDXP Components
License: Apache License 2.0
DXP Components
License: Apache License 2.0
To facilitate administrative tasks and improve efficiency in our application ecosystem, we propose the implementation of an Admin User Access feature. This feature aims to grant admin users privileged access to all product stores and configurations across the platform, allowing them to manage and oversee operations more effectively.
After POC done in issue #68,
Using https://www.npmjs.com/package/@hotwax/app-version-info package, show app version on Settings page in our apps.
Currently, when users hit an incorrect URL or navigate to a non-existent page, they are presented with the default browser error page. To improve user experience and provide clear guidance, it's important to create a dedicated error page that informs users about the incorrect URL and offers options to navigate back to a valid page or take other relevant actions.
Currently, the apps lack a notification system to keep users informed about important events, updates, or interactions. To enhance user engagement and provide timely information, it's essential to implement a notification system that delivers relevant notifications to users based on their actions, preferences, and interactions within the app.
Refer this PR faq for more in information: https://github.com/hotwax/press-release-faq/blob/main/bopis/fulfillment/bopis-push-notifications.md
To enhance the internationalization (i18n) capabilities of our Digital Experience Platform (DXP) components, we propose the implementation of an i18n library that can be centrally used across all components. This feature is crucial to ensure that our DXP can effectively support multiple languages and regions, providing a localized experience to users around the world.
Refer this issue for more details: #146
We will implement this feature in other apps, as and when required by the users.
Note: This list can be extended.
Currently, the user needs to reopen the app to see the 'PWA update available' toast. We must send a push notification to an already open app instance in the browser whenever a newer version is available.
User's last selected product store preference should be stored in backend and fetched on login along with user profile.
This is done is Threshold Management app.
The change has to be applied across the apps.
Currently, the Job Manager app allows users to access the application with a unified set of credentials. This feature should extend SSO functionality to all other apps.
Check if we can directly use the i18n library in .ts files and remove translate method.
This feature aims to empower users by providing a unified and consistent search experience across various DXP components, enabling them to quickly access relevant information. We will develop a centralized search component that can be seamlessly integrated into app. This component should be designed to work cohesively with various DXP elements.
Identify libraries used for the Vue app testing and practices followed
Jest is one of the options
This feature aims to provide users with a unified and efficient method for navigating to OMS instances, ensuring a seamless experience when managing multiple instances or environments. Develop a dedicated OMS Instance Navigation component that serves as a central hub for users to navigate to OMS instances. This component should be accessible from any relevant part of the application.
This feature aims to provide users with a unified method for switching between different facilities associated to the user. Develop a dedicated Facility Switcher component that serves as a central hub for users to switch between different facilities. This component should be accessible from any relevant part of the application.
Currently, assets to import are kept in the app and their path is sent as a callback value to the plugin as there is no support for using require() inside the plugin.
Create an Image component that allows developers to pass pre-defined sizes or custom image sizes to the component to get specifically sized images. There should also be a lazy load attribute option in the component.
Background:
Users frequently encounter issues and require access to manuals and troubleshooting guides to resolve them. To enhance user experience and provide efficient support, we should implement a feature that allows users to quickly access app's user manuals and troubleshooting guides from within the application.
Acceptance Criteria:
a. Documentation Repository: Ensure there is a centralized repository for app manuals and troubleshooting guides. This repository should be organized and up-to-date.
b. In-App Link: Implement a dedicated section or button within the application's user interface that provides easy access to manuals and troubleshooting guides.
This feature aims to provide users with a consistent and reliable tool for scanning product codes across various parts of the application, facilitating tasks such as inventory management, product lookup, and data entry. We will Develop a centralized Product Scanner component that can be seamlessly integrated into different DXP components. This component should be designed to work cohesively with various DXP elements.
When the user changes the store, there should be and alert that it will clear the current upload list and current product search & upload list should be cleared
Currently, the apps lacks a mechanism to notify users about new releases, including new features, improvements, and bug fixes. This issue aims to implement a notification system that will inform users about each release. This will enhance user experience and keep them informed about the latest updates.
Create a component to be used in all the apps for showing PWA update notification.
This feature aims to provide users with a single, user-friendly interface where they can configure and customize various aspects of the application to suit their preferences and requirements. Develop a centralized App Settings Page component that can be seamlessly integrated into different apps. This component should be designed to work cohesively with various DXP elements.
Implement a menu footer navigation that will provide users with quick access to switch between Shopify config and product store.
vuejs/vue#770
arkime/arkime@88c9b9a
https://medium.com/@andreas.remdt/detecting-outdated-browsers-in-vanilla-javascript-1f214dc24e4d
https://browser-update.org/
https://laracasts.com/discuss/channels/vue/how-detect-and-handle-old-browser-vuejs
https://ionicframework.com/docs/reference/browser-support
https://github.com/browser-update/browser-update
Loading times can lead to a less than optimal user experience when waiting for content to load. To improve user perception of loading times, we should implement a skeleton text UI pattern that provides a visual indication of content loading in place of actual data.
The current state of favicons in applications exhibits irregular sizes, which leads to an inconsistent user experience.
The current access OMS feature doesn't generate an authenticated link which requires the user to login again when the arrive.
The re-usable component should create an authenticated link for the OMS that directly sends the user to the index page.
Identify practices of checking for new versions of the app in PWAs and refreshing cache if found
This feature aims to provide users with a method for configuring timezones across the applications, ensuring that time-sensitive data is accurately displayed and managed. We will develop a dedicated Timezone Configuration component that serves as a central hub for users to configure their timezone settings. This component should be accessible from any relevant part of the application.
We need to define some conventions for naming variables, methods for ionic apps
Check the possibility of using any NoSQL DB that auto sync data in apps with the server.
Possible solutions:
CouchDB - PouchDB
https://pouchdb.com/guides/replication.html
MongoDB - Realm
https://www.mongodb.com/collateral/the-offline-first-approach-to-mobile-app-development
https://www.mongodb.com/docs/realm/
https://www.mongodb.com/docs/atlas/app-services/sync/get-started/#std-label-sync
https://www.mongodb.com/docs/realm/web/
Apps with a side navigation menu currently lack the ability to retain the user's current page selection when they navigate back using the browser's back button. This leads to a disorienting experience for users as they lose track of their location within the app.
Linking issue for reference: hotwax/fulfillment#137
Explore and identify practices followed to gather and displaying app version, and build date time time related information
This feature aims to provide users and administrators with a unified and efficient method for accessing and tracking information about the current app version, release notes, and update history. Develop a dedicated Version Information component that serves as a central hub for users and administrators to access details about the current app version. This component should be accessible from a prominent location within the application.
This feature aims to provide users with a unified and efficient method for selecting their preferred language within the application, ensuring that content is presented in a language they understand. Develop a dedicated Language Switcher component that serves as a central hub for users to change the language of the application. This component should be accessible from any relevant part of the application.
Need to create a launch screen for our apps which will be used on phones.
When entering the full url for oms on login, and if the oms url does not contain api/
(and just contain api
) at the last, then Go To OMS
button does not work.
Also when we are using the complete OMS url for login and then hitting Go To OMS
button then the user again needs to login in OMS and an authenticated OMS link is not generated from the app itself.
To enhance security and user convenience, we propose the implementation of a centralized sign-out feature that allows users to log out from all connected applications simultaneously. This feature aims to provide users with an efficient way to ensure that their sessions are terminated across all associated applications, reducing the risk of unauthorized access.
Done in hotwax/inventory-count#160
With node 16, the build fails due to eslint version mismatch in dependencies
This is fixed in Job Manager:
hotwax/job-manager#327
We should have a generic ionic animation that can be applied to any chip/button with an icon in it to show the icon on hover.
width: 0px;
opacity: 0;
transition: all 0.5s ease 0s;
width: 1em;
opacity: initial;
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.