ASP.NET

Re: ASP.Net Core Identity

3-Nov-19 22:33

Things would be so much easier if you used the built-in controls. Smile | :)

DataPager Class (System.Web.UI.WebControls) | Microsoft Docs[^]
ListView Class (System.Web.UI.WebControls) | Microsoft Docs[^]

If you want to continue with your custom paging, you'll need to modify your doPaging method to only add rows for the page numbers you want to display.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

ASP.Net Core Identity

Mycroft Holmes28-Oct-19 13:11

Mycroft Holmes

28-Oct-19 13:11

Using VS2019 with Core 3 I am attempting to secure a web project. Web API does the validation and returns a JWT token with the user authorisation details, role only. Tihs works fine as the JWT decodes with all the correct info in it.

My problem is to get that information into MS Identity (or have I got it completely wrong).

I am NOT using EntityFrameworkCore just to service the user validation.

My login partial has the following.

@if (User.Identity.IsAuthenticated)
{
	<form asp-controller="Account" asp-action="Logout" method="post" id="logoutForm">
		<ul>
			<li>
				<button type="submit">Log out</button>
			</li>
		</ul>
	</form>
}
else
{
	<ul>
		<li><a asp-page="/Login">Log in</a></li>
	</ul>
}

The .cs code

public async Task<IActionResult> OnPostAsync(string returnUrl = null)
{
    CSDUtil.PWDUtil oUtil = new CSDUtil.PWDUtil();
    try
    {
        ReturnUrl = returnUrl;
        // Verification.
        if (ModelState.IsValid)
        {
            UserDetailsDB data = UserDetails;
            UserDetailsDB oUser = await dsUserDetails.AutenticateAsync(data);
            if (oUser == null)
            {
                ModelState.AddModelError(string.Empty, "Invalid user details.");
                return Page();
            }
            JwtSecurityTokenHandler oHandler = new JwtSecurityTokenHandler();
            var key = Code.MainUI.Key;
            var handler = new JwtSecurityTokenHandler();
            var jwtToken = new JwtSecurityToken(oUser.Token);
            var validations = new TokenValidationParameters
            {
                ValidateIssuerSigningKey = true,
                IssuerSigningKey = new SymmetricSecurityKey(key),
                ValidateIssuer = false,
                ValidateAudience = false
            };
            ClaimsPrincipal oPrincipal = handler.ValidateToken(oUser.Token, validations, out SecurityToken oToken);
            int i = oPrincipal.Claims.Count();
            var authProperties = new AuthenticationProperties
            {
                AllowRefresh = true,
                ExpiresUtc = DateTimeOffset.UtcNow.AddMinutes(60),
                IsPersistent = true,
                IssuedUtc = DateTimeOffset.Now,
                RedirectUri = "/Index"
            };
            await HttpContext.SignInAsync(
                                CookieAuthenticationDefaults.AuthenticationScheme,
                                new ClaimsPrincipal(oPrincipal),
                                authProperties);
            var B = User.Identity.IsAuthenticated;///////this is always false
            return LocalRedirect(Url.GetLocalUrl(returnUrl));
        }
    }

The ClaimsPricipal populates correctly with the details of the user in identities[0] of that collection.

How do I move the user details from the ClaimsPrincipal to the User.Identity?

[Edit]
I have the claims added to User.Identity but IsAuthenticated is still false

ClaimsPrincipal oPrincipal = handler.ValidateToken(oUser.Token, validations, out SecurityToken oToken);

					returnUrl = "/Index";
					ClaimsIdentity identity = User.Identity as ClaimsIdentity;
					foreach (Claim oClaim in oPrincipal.Claims)
					{
						identity.AddClaim(oClaim);
					}					
					var B = User.Identity.IsAuthenticated;//this is always false
					return LocalRedirect(Url.GetLocalUrl(returnUrl));

[/Edit]

Never underestimate the power of human stupidity -
RAH
I'm old. I know stuff - JSOP

modified 28-Oct-19 19:42pm.

jkirkerx30-Oct-19 13:10

Re: ASP.Net Core Identity

30-Oct-19 13:10

I'm probably way off on this one. I haven't worked on this subject in over 3 years and I was using MVC, not .Net Core 3.0.

I understand the JWT Token and how it works, but thought that was for frameworks like Angular, React, Vue, where you just write the token in a cookie or Local Storage. I use JWT currently and can do OAuth2 with Google in my Angular project.

To the best of my knowledge, and I did a lot of research on this subject because I didn't want to use Microsoft Identity and get wrapped up in it's complex authentication methods. But the way I understood Microsoft.Identity was that under the hood, it took care of a lot of stuff in the background. Stuff like OAuth2 into Google, Facebook for alternative methods of sign in credentials other than the typical ones we make. But I'm not clear on it's life cycle and how it reloads Identity on every page cycle.

So I used GenericIdentity from System.Security.Principals. I could create a new Identity, store all the stuff I need in it, and it would trickle down to the Controller, View and Razor. But the caveat was that it had a short lifespan of 1 page cycle. So my code had to be wrapped in a custom controller attribute on each page I wanted to be secure.

So the user logs in, you generate the JWT token, create a fresh Identity, and then when you redirect to the next page and the Identity is blank and authenticated is false.

Code sample to clarify my work around:
Controller action with my AdminSecurityCheck attribute

[HttpGet]
[AdminSecurityCheck]
[Route("{userName}/Messages/{page?}/{id?}/{q?}/{s?}")]
public IActionResult Messages(int? page, int? id, string q, int? s)

Simple Attribute Code

[AttributeUsageAttribute(AttributeTargets.Class | AttributeTargets.Method, Inherited = true, AllowMultiple = false)]
public class AdminCheckAttribute : ActionFilterAttribute, IActionFilter
{
    public override void OnActionExecuting(ActionExecutingContext filterContext)
    {
        var controller = filterContext.Controller as Controller;
        var httpContext = controller.HttpContext;

        Model_Admin_Login pResult = SecurityCookies.CookieRead_Admin_Login(httpContext);
        if (pResult.AccountName != null)
        {<br />
            Model_Admin_Login model = new Model_Admin_Login();
            bool result = EF_Website_Users.AdminCheck_AccountName(pResult.AccountName, ref model);
            if (result)
            {
                // Program the HttpContext.Current
                // This will persist for the current cycle only
                String[] newRoles = { "Administrator" };
                GenericIdentity newIdentity = new GenericIdentity(pResult.AccountName);
                GenericPrincipal newPrincipal = new GenericPrincipal(newIdentity, newRoles);
                httpContext.User = newPrincipal;
                System.Threading.Thread.CurrentPrincipal = httpContext.User;

                // Store the Global ViewData to Show the Admin Menu or Not<br />
                controller.ViewData["Admin_Menu"] = true;
                controller.ViewData["Admin_UserID"] = model.ID;
                controller.ViewData["Admin_UserName"] = pResult.AccountName.ToLower();
                controller.ViewData["Admin_ImageUrl"] = model.Avatar.Url;
                controller.ViewData["Admin_ImageAlt"] = model.Avatar.Alt;
                controller.ViewData["Admin_Base64"] = model.Avatar.Data != null ? Convert.ToBase64String(model.Avatar.Data, 0, model.Avatar.Data.Length) : null;

            }
            else
            {
                controller.ViewData["Admin_Menu"] = false;
            }<br />
        }
        else
        {
            controller.ViewData["Admin_Menu"] = false;<br />
        }

        base.OnActionExecuting(filterContext);
    }        

}

If it ain't broke don't fix it
Discover my world at jkirkerx.com

Mycroft Holmes31-Oct-19 11:13

Mycroft Holmes

31-Oct-19 11:13

Now that feels like a hack Big Grin | :-D

Does JWT not allow you to recycle the credentials via the server by passing them back and forth in the token?

Never underestimate the power of human stupidity -
RAH
I'm old. I know stuff - JSOP

Re: ASP.Net Core Identity

jkirkerx1-Nov-19 12:23

Importing Rows Into a List

1-Nov-19 12:23

JWT just generates a unique token, that contains information about the user, and some other parameters such as length of authorized time, and expiration date. So with a token, you can store it in the browsers Local Storage using JavaScript and read it back it using JavaScript. With JavaScript you can get info out of the token, or check to see if the token is expired, and then refresh it or issue a new one.

In Angular, you pickup the token, and pass the token in the header sent to the .Net Core V2.2+ API.

headers: new HttpHeaders({
  "Content-Type": "application/json",
  "Accept": "application/json",
  "Authorization": "Bearer " + tokenGetter
})

And then the API will run a service or something called Authorize.

[HttpGet("GetAdminBrands/{page}/{show}"), Authorize]
public async Task<GetBrands> GetAdminBrands(int page, int show)
{
    var brand = await _brandsRepository.GetBrands(page, show);
    return brand;
}

You set this up in Startup

services.AddAuthorization(auth =>
{
    auth.AddPolicy("Bearer", new AuthorizationPolicyBuilder()
        .AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme‌)
        .RequireAuthenticatedUser().Build());
});

services.AddAuthentication(JwtBearerDefaults.AuthenticationScheme)
.AddJwtBearer(options =>
{
    var settings = Configuration.GetSection("Settings");
    var secretKey = settings.GetValue<string>("Auth0:Secret");
    var signingKey = new SymmetricSecurityKey(Encoding.ASCII.GetBytes(secretKey));
    var authority = settings.GetValue<string>("Auth0:Authority");
    var audience = settings.GetValue<string>("Auth0:Audience");

    options.RequireHttpsMetadata = false;
    options.TokenValidationParameters = new TokenValidationParameters
    {
        ValidateIssuerSigningKey = true,
        ValidateIssuer = true,
        ValidateAudience = true,
        ValidateLifetime = true,
        ValidIssuer = authority,
        ValidAudience = audience,
        IssuerSigningKey = new SymmetricSecurityKey(Encoding.UTF8.GetBytes(secretKey))
    };
});

So above is what I'm using now, which is Angular wrapped in .Net Core V2.2+

The code I posted earlier was a work around or hack to avoid using Microsoft.Identity in it's full scale, since I just wanted a partial portion of it. What I mean by full scale was having to use such a large chunk of controllers, models and views in which no explanation was really provided in how it works and why. Microsoft.Identity was take it or leave it with nothing in between. That prompted me to do some reverse engineering of it to see how it worked, and hack something else together that was more light weight.

When I think about it now, JWT pretty much works the same way as my hack does. But there's a large JavaScript client side library to support it, and is not all server side.

I did post questions about my hack 3 years ago and nobody bashed it. But I did hear crickets about it as to nobody here posted a single comment about it.

If it ain't broke don't fix it
Discover my world at jkirkerx.com

ibrahimayhans28-Oct-19 0:37

ibrahimayhans

28-Oct-19 0:37

Hi,
The Data I Write on the Textbox is Inserted into the Table with the Insert Button

https://i.hizliresim.com/4pnb8Q.jpg[^]

When the Complete Button is Triggered, I Need to Import All Rows on the DataTable into the List I Created
How can I do this?
My Source Code is as follows

<%@ Page Title="" Language="C#" MasterPageFile="~/TemsilciIslemleri.Master" AutoEventWireup="true" CodeBehind="TemsilciSiparisIslemleri.aspx.cs" Inherits="BilgiYonetimSistemi.TemsilciSiparisIslemleri" %>
 
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="container-fluid px-xl-5">
        <section class="py-5">
            <div class="row">
                <div class="col-lg-12 mb-4">
                    <div class="card">
                        <div class="card-header">
                            <h6 class="text-uppercase mb-0">Satış Temsilci Sipariş İşlemleri</h6>
                        </div>
                        <div class="card-body">
                            <div style="overflow-x: auto;">
                                <table id="SatisTemsilcisiSiparisListesi" class="table table-striped card-text">
                                    <div>
                                        <asp:TextBox ID="TextBox1" runat="server" CssClass="form-control"></asp:TextBox>
                                        <br />
                                        <asp:TextBox ID="TextBox2" runat="server" CssClass="form-control"></asp:TextBox>
                                        <br />
                                        <asp:TextBox ID="TextBox3" runat="server" CssClass="form-control"></asp:TextBox>
                                        <br />
                                        <asp:Button ID="BTNSatisIslemleri" runat="server" CssClass="btn btn-primary shadow px-5 shadow form-control-range" Text="Ekle" OnClick="BTNSatisIslemleri_Click" OnClientClick="return false" />
 
                                        <br />
                                        <br />
                                    </div>
                                    <thead>
                                        <tr>
                                            <th scope="col">Name and Surname</th>
                                            <th scope="col">Age</th>
                                            <th scope="col">Country</th>
                                        </tr>
                                    </thead>
                                </table>
                                <br />
                                <asp:Button ID="BTNIslemTamamla" runat="server" CssClass="btn btn-primary shadow px-5 shadow form-control-range" Text="Tamamla" OnClientClick="return false"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <script>
        $('#ContentPlaceHolder1_BTNSatisIslemleri').click(function () {
            var table = $('#SatisTemsilcisiSiparisListesi').DataTable();
            var rowNode = table
                .row.add([$('#ContentPlaceHolder1_TextBox1').val(), $('#ContentPlaceHolder1_TextBox2').val(), $('#ContentPlaceHolder1_TextBox3').val()])
                .draw()
                .node();
            $(rowNode)
                .css('color', 'black')  
                .animate({ color: 'black' });
        });
        $(document).ready(function () {
            $('#SatisTemsilcisiSiparisListesi').DataTable({
                "order": [[2, "asc"]],
                dom: 'Bfrtip',
                buttons: ['copy', 'csv', 'excel', 'pdf', 'print']
            });
        });
    </script>
</asp:Content>

ASP maker 2018

Member 1292025327-Oct-19 11:23

Member 12920253

27-Oct-19 11:23

Hi everybody,,
I'v installed ASP maker app to assist me in generating Web forms from database very fast .. but the problem is that it uses visual Basic as a code behind for asp pages.. does anyone know how can I make it use C#??
with VB it's unusable because can't modify the code ..
and please tell me about other useful applications..

the link of the app
ASPMaker 2018 - The Best ASP Code Generator[^]

Re: ASP maker 2018

Richard MacCutchan27-Oct-19 22:19

Richard MacCutchan

27-Oct-19 22:19

You should ask this question at the ASPMaker forums.

Draw Shape in Canvas

John_Ryder26-Oct-19 1:58

John_Ryder

26-Oct-19 1:58

Hi,

I need to draw triangle into canvas. When I research this on web, I found that we can draw shapes into canvas by using javascript, like below.

$(function () {
var canvas = document.getElementById('mycanvas');
var context = canvas.getContext('2d');
context.fillRect(30, 30, 70, 90);
});

But the problem is, when a button clicked, I need to generate shape on server side than return it back to canvas as I callback result.

Can give me an idea about it?

Thank you

Re: Draw Shape in Canvas

Afzaal Ahmad Zeeshan26-Oct-19 9:19

Afzaal Ahmad Zeeshan

26-Oct-19 9:19

Quote:
I need to generate shape on server side than return it back to canvas as I callback result.

Then that means that you process and return the result from the server, and have the client-side JavaScript render it. One of the way we can do that would be to remove the hardcoded values,

JavaScript

context.fillRect(30, 30, 70, 90);

Becomes,

JavaScript

let points = [ 30, 30, 70, 90 ];
context.fillRect(points[0], points[1], points[2], points[3]);

That is definitely one of the ways in which this can be done. Once you reach this point, you can see that this same array can be returned from a server. You can use jQuery's Ajax and request the content from the server,

JavaScript

$.ajax({
   url: '/points-generator',
   success: function(data) {
       // Assuming data is an array
       context.fillRect(data[0], data[1], data[2], data[3]);
   }
});

This assumes that you change your context variable to be a global variable so that it can be accessed from almost every function. Then, you can request the data from server using Ajax, and then render the data.

Read more on the MDN documentation for context and study the parameter-lists, and then generate the proper responses for your requests.

CanvasRenderingContext2D - Web APIs | MDN
jQuery.ajax() | jQuery API Documentation

The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~

Re: Draw Shape in Canvas

John_Ryder29-Oct-19 19:49

John_Ryder

29-Oct-19 19:49

Thanks all for the answers.

I generated objects (points) in controller class and returned points back from server.

I have a question drawing right angle triangle.

I generated a and b sides and calculated hypotenuse. But using canvas, I draw a and b sides and use closePath() function to draw line from a to b. Looks like hypotenuse value is useless. How can I draw hypotenuse without closePath() function?

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, response.sideB);
ctx.lineTo(response.sideA, response.sideB);
ctx.closePath();

Re: Draw Shape in Canvas

jkirkerx28-Oct-19 12:53

How do i make my detailsviewmodel work

28-Oct-19 12:53

As far as I know, when you want to draw an object and place them on a canvas to save as an image, you use System.Drawing on the server side.

When you want to draw a shape directly on a web page, you can use CSS to draw and animate.

You can also use the canvas web API to draw shapes as well.

So search for System.Drawing, Draw Triangle.
There are hundreds of examples available online.

If it ain't broke don't fix it
Discover my world at jkirkerx.com

Stefaneus22-Oct-19 6:31

Re: How do i make my detailsviewmodel work

22-Oct-19 6:31

Hello, in my details view model I want to make a LINQ that shows 4 related car to the current car by manufacturer and price, but I don't get it to work really, can someone please helpme? The view model looks like this.

public class DetailsViewModel
{
public BolindersContext ctx;

public Car car;

public Car currentCar;

public DetailsViewModel(BolindersContext ctx)
{
this.ctx = ctx;

}
public DetailsViewModel(BolindersContext ctx, Car car)
{
this.ctx = ctx;
this.car = car;
this.currentCar = car;

}

IQueryable<Car> PriceyCars(BolindersContext ctx, Car currentCar)
{
return ctx.Cars.Where(e => e.Brand == car.Brand).Where(e => e.Price > car.Price).OrderBy(e => e.Price).Take(4);

}

jkirkerx23-Oct-19 10:54

How do i make a bootstrap carousel work with Asp.net core Razor

23-Oct-19 10:54

I would imagine that you just need to change car to currentCar

IQueryable<Car> PriceyCars(BolindersContext ctx, Car currentCar)
{
return ctx.Cars.Where(e => e.Brand == currentCar.Brand).Where(e => e.Price > currentCar.Price).OrderBy(e => e.Price).Take(4);

}

If it ain't broke don't fix it
Discover my world at jkirkerx.com

Stefaneus21-Oct-19 14:49

Re: How do i make a bootstrap carousel work with Asp.net core Razor

21-Oct-19 14:49

Hello can anyone help me with this? i am trying to make a carousel with bootstrap, and i am using images from my db, but as you can see in the picture, both images are showing at the same time with no consideration to the carousel, any ideas how i can fix this? the code looks like this.

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">

<ol class="carousel-indicators">

@for (int i = 0; i < Model.car.Images.Count; i++)

{

if (i == 0)

{

<li data-target="#carouselExampleIndicators" data-slide-to="@i" class="active"></li>

}

<li data-target="#carouselExampleIndicators" data-slide-to="@i"></li>

}

</ol>

<div class="carousel-inner">

<div class="carousel-item active">

@if (Model.car.Images != null)

{

@foreach (var i in Model.car.Images)

{

<img class="img-fluid" src="~/Images/Cars/@i.Filename" alt="First slide">

}

}

</div>

</div>

<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">



Previous

</a>

<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">



Next

</a>

</div>

Richard Deeming22-Oct-19 1:00

Re: How do i make a bootstrap carousel work with Asp.net core Razor

22-Oct-19 1:00

Look at the HTML in the documentation[^]:

HTML

<div class="carousel-inner">
    <div class="carousel-item active">
        <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
        <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
        <img src="..." class="d-block w-100" alt="...">
    </div>
</div>

Now look at the HTML your page is generating:

HTML

<div class="carousel-inner">
    <div class="carousel-item active">
        <img class="img-fluid" src="..." alt="First slide">
        <img class="img-fluid" src="..." alt="First slide">
        <img class="img-fluid" src="..." alt="First slide">
    </div>
</div>

You need to move the carousel-item tag inside your item loop, and move the item loop outside of the indicators loop.

There's also no point checking whether Model.car.Images is null - if it was, your view would have crashed on the indicators loop above.

Razor

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
    @for (int i = 0; i < Model.car.Images.Count; i++)
    {
        string cssClass = i == 0 ? "active" : null;
        <li data-target="#carouselExampleIndicators" data-slide-to="@i" class="@cssClass"></li>
    }
    </ol>
    
    <div class="carousel-inner">
    @for (int i = 0; i < Model.car.Images.Count; i++)
    {
        string fileName = Model.car.Images[i].Filename;
        string cssClass = i == 0 ? "carousel-item active" : "carousel-item";
        <div class="@cssClass">
            <img class="img-fluid" src="~/Images/Cars/@fileName" alt="">
        </div>
    }
    </div>

    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
        <span class="sr-only">Previous</span>
    </a>

    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Stefaneus22-Oct-19 5:02

Re: How do i make a bootstrap carousel work with Asp.net core Razor

22-Oct-19 5:02

Thank you, but if the car.Image is a ICollection? how would

string fileName = Model.car.Images[i].Filename;

look like then? because then it doesnt take indexes.

Richard Deeming22-Oct-19 5:14

Enumerable.Select Method (System.Linq) | Microsoft Docs[^]
C# 7 Series, Part 1: Value Tuples – Mark Zhou's Tech Blog[^]

22-Oct-19 5:14

The simplest solution would be to make it an IList<T>.

If you can't do that, you'll need to find another way to track whether you're rendering the first item. For example, using LINQ and a value tuple:

Razor

<div class="carousel-inner">
@foreach ((var img, int index) in Model.car.Images.Select((img, index) => (img, index)))
{
    string fileName = img.Filename;
    string cssClass = index == 0 ? "carousel-item active" : "carousel-item";
    <div class="@cssClass">
        <img class="img-fluid" src="~/Images/Cars/@fileName" alt="">
    </div>
}
</div>

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Re: How do i make a bootstrap carousel work with Asp.net core Razor

Stefaneus22-Oct-19 7:04

[REPOST] How do i make a bootstrap carousel work with Asp.net core Razor

22-Oct-19 7:04

Thanks that worked Big Grin | :-D

thanks for your help!

Richard Deeming22-Oct-19 1:03