OpenBadges.issue login window problems (in modal popup)
Opened this issue · 0 comments
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
- After clicking on "I am not ..." (in the left screen) modal content is replaced with "Login to your Backpack account" and close icon disappears.
- 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