Coder Social home page Coder Social logo

softwareag / cumulocity-service-request-plugin Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 1.0 12.28 MB

Plugin adding a notification tab to each group and device route. Displays 2 widgets where alarms can be handled using the service request form.

License: MIT License

TypeScript 64.32% JavaScript 0.20% Shell 0.34% HTML 25.30% Less 9.84%
cumulocity-iot cumulocity-package cumulocity-plugin cumulocity-widget iot-analytics cumulocity-profserv-package

cumulocity-service-request-plugin's Introduction

Service request plugin

This plugin extends Cumulocity application like Cockpit with the capability to create, update and manage service requests.

The UI Plugin is depending on the domain specific API provided by service-request-mgmt microservice: Open API documentation

This microservice can be extended or even replaced if needed. Custom microservices have to implement the REST API as documented above.

Requirements

This plugin requires a Microservice called Service-request-mgmt to be installed on the tenant. Repository: Standard cumulocity-microservice-service-request-mgmt

Create Service Request

Create Service Request screen

The service request can be created for an alarm as shown in the screenshot above or with out any context via (+) button "Create service request". The service request will be stored at Cumulocity. If the service request is created and a alarm status transition is configured the alarm status will change to the configured status, in that example the alarm changes to ACKNOWLEDGED.

Create Comment for Service Request

Create Comment for Service Request screen

There are SYSTEM comments and USER comments. SYSTEM comments reflect specific changes at the service request object and show the status history of it. USER comments can be created by any user which is allowded to create service requests. Service request comments are a very sufficient way to communicate with the field service technician in the device context.

Attachments

Add attachment screen

Each service request and each comment can have arbitrary files like pictures, excel documents etc. as attachment. This attachments allow the user to add additional information for the field service team.

Recommended versions

node v 14.x npm v 6.x

Plugin versions

Angular v 14.x WebSDK v 1016.0.x

How to start Change the target tenant and application you want to run this plugin on in the package.json.

c8ycli server -u https://{{your-tenant}}.cumulocity.com/ --shell {{cockpit}}

Keep in mind that this plugin needs to have an app (e.g. cockpit) running with at least the same version as this plugin. if your tenant contains an older version, use the c8ycli to create a cockpit clone running with at least v 1016.0.59! Upload this clone to the target tenant (e.g. cockpit-1016) and reference this name in the --shell command.

The widget plugin can be locally tested via the start script:

npm start

In the Module Federation terminology, widget plugin is called remote and the cokpit is called shell. Modules provided by this widget will be loaded by the cockpit application at the runtime. This plugin provides a basic custom widget that can be accessed through the Add widget menu.

Note that the --shell flag creates a proxy to the cockpit application and provides AdvancedMapWidgetModule as an remote via URL options.

Also deploying needs no special handling and can be simply done via npm run deploy. As soon as the application has exports it will be uploaded as a plugin.

Useful links

📘 Explore the Knowledge Base
Dive into a wealth of Cumulocity IoT tutorials and articles in our Tech Community Knowledge Base.

💡 Get Expert Answers
Stuck or just curious? Ask the Cumulocity IoT experts directly on our Forum.

🚀 Try Cumulocity IoT
See Cumulocity IoT in action with a Free Trial.

✍️ Share Your Feedback
Your input drives our innovation. If you find a bug, please create an issue in the repository. If you’d like to share your ideas or feedback, please post them here.

More to discover


These tools are provided as-is and without warranty or support. They do not constitute part of the Software AG product suite. Users are free to use, fork and modify them, subject to the license agreement. While Software AG welcomes contributions, we cannot guarantee to include every contribution in the master project.

cumulocity-service-request-plugin's People

Contributors

cguether avatar hnaether-sag avatar pestusatsag avatar techcommunity avatar

Stargazers

 avatar  avatar

Watchers

 avatar

cumulocity-service-request-plugin's Issues

Empty status and priority list not handled

Current state:

If any of this APIs return empty array:

{{url}}/service/service-request-mgmt/api/service/request/status

{{url}}/service/service-request-mgmt/api/service/request/priority

the loading indicator is shown and nothing happens.

Desired state:

If user clicks on new service request or update existing service request an error message dialog should be shown that service request status and priorities are not configured correctly.

Page is empty after reload

If the service request page gets reloaded (F5), the side is empty:

image

If i click again to the device via UI it is working:

image

Adjust notification details view

Please adjust the following points, as we have discussed, to get ready for MVP release:

  1. Clear sections
    Adjust layout to provide better visual structure to the form.
    Reference: Admin App » Auth Config (/apps/administration/index.html#/auth-configuration/basic_settings)
  2. Separate actions
    Move the resolve button to a separate card, below the form-card.
    Provide a short (placeholder) text that references the consequence of the action.
  3. Full width form
    Go full width, instead of partial left-aligned.
  4. Remove "No comments" info
  5. Remove "Not available in MVP" info/section

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.