mozilla / openbadges-backpack

Mozilla Open Badges Backpack
https://backpack.openbadges.org/
Other
862 stars 263 forks source link

OpenBadges.issue login window problems (in modal popup) #1154

Open NikolauUB opened 6 years ago

NikolauUB commented 6 years ago

Hello, I develop application using OpenBadges.issue modal window and I have several not very critical issues... However their availability can not allow to say that my application works perfectly. There is the screenshot: https://cloud.mail.ru/public/8oiS/84ngtZiWT

1) After clicking on "I am not ..." (in the left screen) modal content is replaced with "Login to your Backpack account" and close icon disappears. 2) Following by links "Go to signup page" and "Forgotten password?" replaces iframe document with empty body: `< div style="position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 99999; background-color: rgba(0, 0, 0, 0.5);"> < iframe src="https://backpack.openbadges.org/issuer/frame?1502440094361" scrolling="no" style="border: none; position: absolute; left: 50%; border-radius: 10px; width: 660px; margin-left: -330px; height: 60%; top: 20%;">

document

< html>< head>< /head>< body>< /body>< /html> < /iframe>< /div> And there is a console error as well: Refused to display 'https://backpack.openbadges.org/backpack/signup' in a frame because it set 'X-Frame-Options' to 'deny'.`

This is my javascript code which calls issue modal: function pushBadges() { $.ajax({ __type: "GET", url: myUrl, dataType: 'json', success: function(data, textStatus, error) { var assertions = data.assertions; var key = data.privateKey; var signature = []; assertions.forEach( function(assertion){ ____signature.push(jwsModule.sign({ header: {alg: 'rs256'}, payload: assertion, privateKey: key ____})); }); OpenBadges.issue(signature, function(errors, successes) { ____console.log( successes ); ____console.log( errors ); }); }, error: function(request, textStatus, error) { var msg = "Error when getting badges list: " + error; console.log( msg ); _} }); } Html contains button which calls pushBadges function : < button class="btn btn-default pushBadges" title="Push badges to Mozilla backpack">< i class="icon-exchange">< /i> Add badges to Mozilla backpack < /button>

And I use https://backpack.openbadges.org/issuer.js in my project.

Please help me. May be I do something not correct or possibly these problems are known bugs?

Thank you,

Nikolay