Skip to content

Commit

Permalink
MOSIP-33226: Integration with API View an OIDC client (#456)
Browse files Browse the repository at this point in the history 
Signed-off-by: Anil_Kumar_Majji <[email protected]>
  • Loading branch information
@Anil-kumar-Majji
Anil-kumar-Majji authored Jun 13, 2024
1 parent 8ab9014 commit d8179fe
Show file tree
Hide file tree
Showing 2 changed files with 34 additions and 13 deletions.
2 changes: 1 addition & 1 deletion pmp-reactjs-ui/public/i18n/eng.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -256,7 +256,7 @@
"adminName": "Admin Name",
"commentsOfAdmin": "Comments of Admin",
"partnersComment": "Partner's Comment",
"commentOfPartner": ""
"back": "Back"

},
"editOidcClient": {
Expand Down
45 changes: 33 additions & 12 deletions pmp-reactjs-ui/src/pages/authenticationServices/ViewOidcClientDetails.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,7 @@ function ViewOidcClientDetails() {
navigate("/partnermanagement");
};


function bgOfStatus(status) {
if (status === "Approved") {
return ("bg-[#D1FADF] text-[#155E3E]")
Expand Down Expand Up @@ -90,16 +91,16 @@ function ViewOidcClientDetails() {
</div>
<div className={`font-medium ${isLoginLanguageRTL ? "mr-3" : "ml-3"} text-sm text-dark-blue`}>
{t("viewOidcClientDetails.createdOn") + ' ' +
formatDate(oidcClientDetails.createdDate, "date")}
formatDate(oidcClientDetails.crDtimes, "date")}
</div>
<div className="mx-3 text-gray-300">|</div>
<div className="font-medium text-sm text-dark-blue">
{formatDate(oidcClientDetails.createdDate, "time")}
{formatDate(oidcClientDetails.crDtimes, "time")}
</div>
</div>
</div>
<button type="button"
className={`bg-[#F0F5FF] border-2 h-[4%] border-[#BED3FF] ${isLoginLanguageRTL ?"pr-[3%]" :"pl-[3%]"} py-[0.5%] px-[0.8%] text-right rounded-md cursor-pointer hover:shadow-md`}>
className={`bg-[#F0F5FF] border-2 h-[4%] border-[#BED3FF] ${isLoginLanguageRTL ? "pr-[3%] pl-[1.5%]" : "pl-[3%] pr-[1.5%]"} py-[0.5%] text-right rounded-md cursor-pointer hover:shadow-md`}>
<p className="text-sm font-base">{t('viewOidcClientDetails.oidcClientId')}</p>
<div className="flex gap-x-2">
<p className="text-md font-semibold text-[#1447B2]">
Expand Down Expand Up @@ -149,7 +150,7 @@ function ViewOidcClientDetails() {
{t("viewOidcClientDetails.policyGroup")}
</p>
<p className="font-semibold text-vulcan text-lg">
{oidcClientDetails.policyGroup}
{oidcClientDetails.policyGroupName}
</p>
</div>
<div className="w-[50%]">
Expand Down Expand Up @@ -192,27 +193,47 @@ function ViewOidcClientDetails() {
{t("viewOidcClientDetails.publicKey")}
</p>
<p className="font-semibold text-vulcan text-lg">
{t('Public Key Goes Here.')}
{oidcClientDetails.publicKey}
</p>
</div>
<div className="mb-4">
<p className="font-semibold text-suva-gray text-base">
{t("viewOidcClientDetails.logoUri")}
</p>
<p className="font-semibold text-vulcan text-lg">
{t('Logo URI Goes Here')}
{oidcClientDetails.logoUri}
</p>
</div>
<div className="flex w-[58%] flex-wrap justify-between mb-4">
<div>
<div className="flex justify-between w-[60%] mb-4">
<div className="flex-col">
<p className="font-semibold text-suva-gray text-base">
{t("viewOidcClientDetails.redirectUri")}
</p>
<div className="flex flex-col">
{oidcClientDetails.redirectUris.map((uri, index) => {
return (
<ul>
<li className="p-1">{uri}</li>
<hr className="h-px bg-gray-200 border-2" />
</ul>
)
})}
</div>
</div>
<div>
<div className="flex-col">
<p className="font-semibold text-suva-gray text-base">
{t("viewOidcClientDetails.grantTypes")}
</p>
<div className="flex flex-col">
{oidcClientDetails.grantTypes.map((type, index) => {
return (
<ul>
<li className="p-1">{type}</li>
<hr className="h-px bg-gray-200 border-2" />
</ul>
)
})}
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -263,19 +284,19 @@ function ViewOidcClientDetails() {
<h4 className="text-lg text-[#031640]">
{t("viewOidcClientDetails.partnersComment")}
</h4>

<span className="text-sm mt-3 break-all">
{oidcClientDetails.partnerComments}
</span>
<hr className="h-px w-full bg-gray-200 border-0 my-1" />
<div className="flex items-center justify-start">
<div className="font-medium text-sm text-dark-blue">
{t("viewOidcClientDetails.createdOn") + ' ' +
formatDate(oidcClientDetails.createdDate, "date")}
formatDate(oidcClientDetails.crDtimes, "date")}
</div>
<div className="mx-3 text-gray-300">|</div>
<div className="font-medium text-sm text-dark-blue">
{formatDate(oidcClientDetails.createdDate, "time")}
{formatDate(oidcClientDetails.crDtimes, "time")}
</div>
</div>
</div>
Expand Down

0 comments on commit d8179fe

Please sign in to comment.