trigger an jQuery UI Dialog if user not authorized

Question

On my website I have two ways to login. The first is used then an user is pushing the Logon button, which trigger an jQuery UI Dialog to open. The second is an normal view, which is used, if an user isn't Authorized, which redirect to an normal login view. But what i liked to do instead, is if an user is not Authorized, it opens the Login jquery ui dialog instead of redirection to the view the user is intended.

This is how i currently are opening the dialog,

 $(".openLoginDialog").on("click", function (e) {
    e.preventDefault();
    $("<div></div>")
      .addClass("dialog")
      .attr("id", $(this).attr("data-dialog-id"))
      .appendTo("body")
      .dialog({
        title: $(this).attr("data-dialog-title"),
        create: function (event, ui) {},
        close: function () { $(this).remove() },
        open: function (event, ui) {},
        modal: true,
        position: ['center', 130],
        minWidth: 510,
        resizable: true,
        zIndex: 20000
      })
      .load(this.href);
  });

Because the content in the dialog is an partialView it's called like this:

<div class="items iconlogin highligth-br"><a class="openLoginDialog" data-dialog-id="LoginDialog" data-dialog-title="Login" href="@Url.Action("LogOn", "Authentication", new { returnUrl = Request.Url.ToString() })">Login</a></div>

Also to help me controlling the not Authorized, i have overriden this calls.

public override void OnAuthorization(AuthorizationContext filterContext)
    {
      filterContext.Result = new RedirectToRouteResult(new
            RouteValueDictionary(new { controller = "Authentication", action = "AccessDenied" }));
    }

Last resort would be to redirect to an access denied page, with just an white background, which opens on load, a dialog.

cameronjchurch · Accepted Answer · 2013-02-07 15:01:48Z

1

I have a MVC intranet solution that employs functionality similar to what you describing, however it is using windows auth not forms.

Basically I have something like this in the Index...

var userExists = "@ViewBag.User";
// require the user to register if they are not found
if (userExists == "") {
    $.get('Home/Register/', function (data) {
        $("#Register").html(data);
        $("#Register").dialog({
            resizable: false,
            closeOnEscape: false,
            dialogClass: 'no-close',
            typeDelay: 250
        });
    });
}

And then in the controller I just set 'ViewBag.User' to the username if they exist.

answered Feb 7, 2013 at 15:01

cameronjchurch

4253 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Christophe Roussy · Accepted Answer · 2013-02-07 14:57:17Z

0

Have a look at this example:

http://jqueryui.com/dialog/#modal-form

Notice the autoOpen: false

answered Feb 7, 2013 at 14:57

Christophe Roussy

17.2k5 gold badges94 silver badges87 bronze badges

Comments

user2033671 · Accepted Answer · 2013-02-07 15:06:11Z

0

I'm not familiar with asp.net so I wont be able to help with actual implementation. One approach would be to check where the request came from and if the user is not authorized redirect them back to that page and hit them with a dialog.

Another approach would be to know if the user is authenticated on the page load and override links that require authentication

$(".authRequired").on("click", function (e) {
e.preventDefault();
      //fancy logic here to load form and dialog
 });

answered Feb 7, 2013 at 15:06

user2033671

Collectives™ on Stack Overflow

trigger an jQuery UI Dialog if user not authorized

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related