@fivestarprogramming/fsp-support
TypeScript icon, indicating that this package has built-in type declarations

16.0.4 • Public • Published

Fsp Support

Fsp Support library for Angular.

Versions

Angular user-issue
>=13.0.0 <14.0.0 v13.x.x
>=12.0.0 <13.0.0 v12.x.x
>=11.0.0 <12.0.0 v11.x.x
>=10.0.0 <11.0.0 v10.x.x
>=9.0.0 <10.0.0 v9.x.x

Getting started

Step 1: Install @fivestarprogramming/fsp-support:

NPM

npm i @fivestarprogramming/fsp-support

Step 2: Import the NgSelectModule and angular FormsModule module:

import { FormsModule } from '@angular/forms';
import { UserIssueLibModule } from '@fivestarprogramming/fsp-support';
@NgModule({
  declarations: [AppComponent],
  imports: [FormsModule ,UserIssueLibModule.forRoot({
     apiUrl:'https://localhost:44310/api',
      appKey:'',
      appName:''
    })],
  bootstrap: [AppComponent]
})
export class AppModule {}

Step 3: Include a theme:

@import "~@fivestarprogramming/fsp-support/assets/style.css";

Step 4: include the user info and show when auth , use the service:

import { UserIssueAuthService } from '@fivestarprogramming/fsp-support';

 this._UserIssueAuthService.setCurrentUser({
        name: 'user',
        email: 'user@email.com'
      });

Step 5: In template use fsp-user-issue component with your options

<fsp-user-issue [showBugIcon]="true" ></fsp-user-issue>

To call popup directly from typescript

import { FspSupportService } from '@fivestarprogramming/fsp-support';

constructor( private _FspSupportService:FspSupportService) { }

onShowFspSupport(){
    this._FspSupportService.setShowPopup(true);
}

To call popup directly By ShortCut

Alt + B

In backend part 1 you need to insert in db this info

INSERT INTO [dbo].[Projects]
           ([Id]
           ,[Name]
           ,[Key]
           ,[JiraReporterId]
           ,[JiraProjectId]
           ,[JiraAssigneeId])
     VALUES
           (<Id, uniqueidentifier,>    --generate Guid
           ,<Name, nvarchar(max),>     --name of project
           ,<Key, nvarchar(450),>       --key will add in frontend module to attach with backend (appKey)
           ,<JiraReporterId, nvarchar(max),>   --jira reporter Id from jira profile https://?.atlassian.net/jira/people/{userId}
           ,<JiraProjectId, nvarchar(max),>     --jira project id its exist in project setting
           ,<JiraAssigneeId, nvarchar(max),>)    -- jira assign id from jira profile https://?.atlassian.net/jira/people/{userId}

In backend part 2 if you need create issue by specified user you need to insert (optional)

INSERT INTO [dbo].[JiraUsers]
           ([Id]
           ,[Name]
           ,[Email]
           ,[JiraToken]
           ,[ProjectId])
     VALUES
           (<Id, uniqueidentifier,>  --generate Guid
           ,<Name, nvarchar(max),>  --name of user
           ,<Email, nvarchar(max),> --user email that used for jira
           ,<JiraToken, nvarchar(max),> --jira token for the user
           ,<ProjectId, uniqueidentifier,>) -- its id for selected project from db

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
16.0.40latest

Version History

VersionDownloads (Last 7 Days)Published
16.0.40
16.0.30
16.0.20
16.0.10
13.1.10
13.1.00
9.2.00
9.1.80
9.1.70
9.1.60
9.1.50
9.1.40
9.1.30
9.1.20
9.1.10
9.1.00

Package Sidebar

Install

npm i @fivestarprogramming/fsp-support

Weekly Downloads

3

Version

16.0.4

License

BEERWARE

Unpacked Size

524 kB

Total Files

82

Last publish

Collaborators

  • hamza7776
  • m.reda.elsawi
  • adminfsp