Use json to get data from class members

2018-04-17 06:09 user imported from Stackoverflow

Before marking it duplicate please understand my problem.
I have a class:

public class SampleModel {
    public string fname { get; set; }
}

I want to create a table and fill it with values that my objects hold. I have a json file:

{
   "displayname":"First Name",
   "codename":"fname"
}

Which contains two things, display name which I want to be the display name of the table heading. And 2nd is the codename which is the name I have used in my class to name my member. what I want to do is that the table heading should be taken from json "displayname" and the values under it should be filled using json's "codename".
Is there is a effective way of doing it?

See also questions close to this topic

Windows - Check if computer is locked/logged out before running tests

I have a suite of UI tests that I run locally/remotely depending on the situation. Occasionally, the remote computers are automatically restarted whenever there is an important update to apply. This causes all the tests to time out because the remote computers they are running on are locked out and no longer have access to the GUI.

I am wondering how I can do a quick check to see if the computer is locked or not, that way I can fail the tests quickly and log that they are offline.

I found this solution online but it seems more catered to development and not testing.

https://bytes.com/topic/net/answers/770957-get-computer-state-locked-stand-c
How to distribute X piece to N different thing in every possible way?
Sorry for my bad english. My problem is the following: I need to distribute X piece between N things in every possible way. Lets say the X is 5 and the N is 2 (but it can be anything else too for example 4, which is more complicated).
It would be only for int so I tried a List< int[] > for result a result list, but I couldnt figure it out, how to generate the possible combinations.

For an input like X=5, N=2 my expected output would be:
1. {5, 0}
2. {4, 1}
3. {3, 2}
4. {2, 3}
5. {4, 1}
6. {0, 5}
How should I obtain the Outlook token without user interaction
I am having two problems related to Microsoft Outlook using the OAuth 2.0. I am working with C# and the library Microsoft.Identity.Client.
1. I need to get the tokens in the background without interactive login
2. I need to decrease security in order to allow multiple computers to check emails at the same time.

I followed these instructions to connect to the API: https://docs.microsoft.com/en-us/previous-versions/office/office-365-api/api/version-2.0/use-outlook-rest-api

Here it is the information related to how to obtain the Token:
```
https://docs.microsoft.com/en-us/graph/auth-register-app-v2  
https://docs.microsoft.com/en-us/graph/auth-v2-user  
https://docs.microsoft.com/en-us/graph/auth-v2-service  
https://docs.microsoft.com/en-us/graph/permissions-reference 
```
The documentation mentions:
What kind of apps can I call Microsoft Graph from?
Native apps: Apps that run on a device such as a desktop, tablet, or mobile phone. These apps use the operating system (OS) native to the device like iOS, Android, or Windows for user presentation and to make calls to Microsoft Graph on behalf of a user.
Web apps: Apps that run on a server and interact with the signed-in user through a user-agent, usually a web browser. Most of the presentation layer is handled on the server, and calls to Microsoft Graph are made from the server-side on behalf of a user.
Single Page Apps (SPA): Web apps with rich user experiences that handle much of the presentation layer through client-side scripting in the browser. Calls to Microsoft Graph are made from client-side script using technologies like AJAX and frameworks like Angular.js. Calls are made on behalf of a user.
Background Services/Daemons: Background services and daemons that run on a server without the presence of a user and make calls to Microsoft Graph under their own identity.
Web APIs: A client app calls a web API (secured by Azure AD), which then calls Microsoft Graph, all on behalf of a user. Supported by the Azure AD endpoint. For the Azure AD v2.0 endpoint, only supported if the client and the web API have the same Application ID; for example, a native app that calls a web API back end.

I am using Web apps but I would like to use Background Services/Daemons. To use the last one it says that I need to buy a tenant. I could try it but I am afraid that I won't be able to solve the security issue and waste my money.
```
private async Task<string> GetTokenAsync()
{

    AuthenticationResult authResult = null;
    app = new PublicClientApplication(clientID, "https://login.microsoftonline.com/common", tokenCacheHelper.GetUserCache());

    try
    {
        authResult = await app.AcquireTokenSilentAsync(scopes, app.Users.FirstOrDefault());
    }
    catch (MsalUiRequiredException ex)
    {
        // A MsalUiRequiredException happened on AcquireTokenSilentAsync. 
        // This indicates you need to call AcquireTokenAsync to acquire a token
        System.Diagnostics.Debug.WriteLine($"MsalUiRequiredException: {ex.Message}");

        try
        {
            authResult = await app.AcquireTokenAsync(scopes);
            token = authResult.AccessToken;
        }
        catch (MsalException msalex)
        {
            Console.WriteLine($"Error Acquiring Token:{Environment.NewLine}{msalex}");
        }
    }
    catch (Exception ex)
    {
        Console.WriteLine($"Error Acquiring Token Silently:{Environment.NewLine}{ex}");
        return token;
    }

    if (authResult != null)
    {
        //Console.WriteLine(await GetHttpContentWithToken(graphAPIEndpoint1, authResult.AccessToken));
        token = authResult.AccessToken;
    }
    return token;
}
```
One of the challenges I am facing is to obtain a valid token that works in different computers. Sometimes a token valid in one computer doesn't work in another computer. When the Refresh token is no longer valid (for a specific computer) an interactive login is displayed and the user interaction is necessary.
The other challenge is that I need to test from different locations all the emails and most of the time Outlook blocks the account due to multiple sign-in form different locations.

It is welcome any other suggestion about other services that allow me to achieve this.

Any efficient way to render nested json list in React?

I am able to fetch REST API where I can get nested json output, and I want them to display in React component. Now I only can render them in the console which is not my goal actually. I am wondering if there is an efficient way to do this for rendering nested json list in React. can anyone give me a possible idea to make this work?

here is what I did:

import React, { Component } from "react";

class JsonItem extends Component {
  render() {
    return <li>
      { this.props.name }
      { this.props.children }
    </li>
  }
}

export default class List extends Component {
  constructor(props){
    super(props)
    this.state = {
    data: []
    }
  };   
  componentDidMount() {
      fetch("/students")
      .then(res => res.json())
      .then(json => {
          this.setState({
          data: json
          });
      });
  }
  list(data) {
    const children = (items) => {
      if (items) {
        return <ul>{ this.list(items) }</ul>
      }
    }
    return data.map((node, index) => {
      return <JsonItem key={ node.id } name={ node.name }>
        { children(node.items) }
      </JsonItem>
    });
  }
  render() {
    return <ul>
      { this.list(this.props.data) }
    </ul>
  }
}

<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

<div id="container">
    <!-- This element's contents will be replaced with your component. -->
</div>

my current output:

in my above component, I could render nested list on the console like this:

fetched nested json list:

[{"uin":"668913328","studentInfo":{"firstName":"JURAT","middleName":"","lastName":"SHAYIDING","rsvpStatus":"false","checkin":"true"}},
{"uin":"670168300","studentInfo":{"firstName":"Jonathan","middleName":"Samson","lastName":"Rowe","rsvpStatus":"true","checkin":"true"}},
{"uin":"670168228","studentInfo":{"firstName":"Christian","middleName":"Aspilla","lastName":"Cardenas","rsvpStatus":"false","checkin":"false"}},
{"uin":"123123","studentInfo":{"firstName":"Phil","middleName":"","lastName":"Beltran","rsvpStatus":"Yes"}},
{"uin":"123123","studentInfo":{"firstName":"Phil","middleName":"","lastName":"Beltran","rsvpStatus":"Yes"}},
{"uin":"123123","studentInfo":{"firstName":"Phil","middleName":"","lastName":"Beltran","rsvpStatus":"Yes"}}]

desired output:

how can I properly render out nested json output on React? Any idea to make this happen? any thought? Thanks

Uncaught TypeError In React/Rails When Rendering JSON

I am getting an uncaught type error within my React/Rails app. I made some changes to my render json within my rails controller and that seemed to create the error. I thought the way I was rendering the json was correct but I'm obviously missing something...

Error: Uncaught TypeError: this.props.librarys.filter is not a function

Error is being called on the following:

let filteredCards = this.props.librarys.filter(
        (library) => {
          return library.title.toLowerCase().indexOf(this.state.search.toLowerCase()) !== -1 || library.desc.toLowerCase().indexOf(this.state.search.toLowerCase()) !== -1
        }
      )

This is what my current rails controller index method looks like:

def index
    @user = User.all
    @libraries = Library.all.order(:created_at)

    user_cards = current_user.libraries

    render json: {
      user_cards: user_cards,
      libraries: @libraries.as_json(include: [:user])
    }
  end

Here is what my method looked like prior to getting the error:

def index
    @user = User.all
    @libraries = Library.all.order(:created_at)

    user_cards = current_user.libraries

    render :json => @libraries, :include => :user
  end

I'm assuming that @libraries is not rendering properly. What am I missing here? Thanks in advance for any help.

Parse JSON array with HTML tags to output plain HTML

I've been Googling for this for last 2 days. I couldn't get it done perfectly.

I assume, this belongs or can be done by some template engines, but.. I was not able to find that so-called engine.

I have this JSON array and I'd like to parse it back or convert it to plain HTML to output it to the browser.

[
  {
    "tag": "figure",
    "children": [
      {
        "tag": "div",
        "attrs": {
          "class": "fiwrapper"
        },
        "children": [
          {
            "tag": "img",
            "attrs": {
              "src": "/media/images/5cbd41bd7c566057f5e6a875.jpeg"
            }
          }
        ]
      },
      {
        "tag": "figcaption",
        "children": [
          ""
        ]
      }
    ]
  },
  {
    "tag": "p",
    "children": [
      {
        "tag": "br"
      }
    ]
  },
  {
    "tag": "figure",
    "children": [
      {
        "tag": "div",
        "attrs": {
          "class": "fiwrapper"
        },
        "children": [
          {
            "tag": "img",
            "attrs": {
              "src": "/media/images/5cbd45286c7210581c5563ba.jpeg"
            }
          }
        ]
      },
      {
        "tag": "figcaption",
        "children": [
          ""
        ]
      }
    ]
  },
  {
    "tag": "p",
    "children": [
      {
        "tag": "br"
      }
    ]
  },
  {
    "tag": "p",
    "children": [
      "Cool Stuff.."
    ]
  }
]

Help is more than appreciated..

How to bind dynamic complex objects created using partial-view to a collection property in view-model
I'm unable to bind a collection of child-complext objects created dynamically using a partial-view to view-model IEnumerable property.

I have successfully bound objects created dynamically using partial-views to a view-model using a technique I found on this blog https://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx/. I have followed the same technique but I'm unable to bind a collection to a IEnumerable property in a view-model.
```
[BindRequired]
public class EmployeeViewModel
{
   other properties....
   public IEnumerable<ContactDetailViewModel> EmployeeContact { get; set; }
}

[BindRequired]
public class ContactDetailViewModel
{
   // I use this as my indexer for dynamic elements
   public string RecordId { get; set; } = Guid.NewGuid().ToString();

   public string Telephone { get; set; }

   public string EmailAddress { get; set; }

   public string ContactDescription { get; set; }
}
```
I call into this action-method via ajax to add dynamic contact detail elements and it returns the partial-view as html and it works fine.
```
[Route("[action]", Name = "BlankEmployeeContactDetail"), HttpGet("AddBlankContactDetail")]
public PartialViewResult AddBlankContactDetail()
{
            return PartialView("_ContactInformation", new     ContactDetailViewModel());
}
```
The initial contact detail is added to the main-view using the following, kindly follow this link https://1drv.ms/u/s!AkRSHVUtFlKhuHaxH96Ik4ineATE to download the main view and partial-view cshtml files. It is also noteworthy to mention that model binding fails for all other properties when I include this partial-view but works when I comment it out. I'm baffled and would greatly appreciate any help you can afford me.
```
<section id="widget-grid" class="">
   <div class="row contactContainer">
     @{ await Html.RenderPartialAsync("_ContactInformation", new ContactDetailViewModel()); }
   </div>
</section>
```

How to fix this ajax request to stop failing in MVC5

I'm the similar ajax requests to get other database info working. Perhaps its something minor that is causing the issue. Each time I execute this function it fails and throws the alert.

It is returning the 13 user records stored in my database, during debugging I can see that these 13 records are all correct.

My dissertation is due on Friday, so any help with this would be much appreciated.

 function FetchUsers() {
                userinfo = [];
                $.ajax({
                    type: "GET", url: "/home/GetUsers",
                    success: function (data) {
                        $.each(data, function (i, v) {
                            userinfo.push({
                                usersId: v.UserID,
                                username: v.Username,
                            });
                        })
                    },
                    error: function (error) {
                        alert('failed - error 01.000x unable to load users');
                    }
                })
            }

        public JsonResult GetUsers()
        {
            using (MyDatabaseEntities1 dc = new MyDatabaseEntities1())
            {
                var users = dc.Users.ToList();

                return new JsonResult { Data = users, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
            }
        }

The controller can't take username and password

I have a LoginController LoginForm and login.html. What I want is to make username admin and password admin. Where I should add it?

This is LoginController.java I have tried to make changes in model attribute but I can't really did it.

package ada.edu.bb.a5.a5.controllers;

import ada.edu.bb.a5.a5.domain.Login;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;

import javax.validation.Valid;

@Controller
public class LoginController extends WebMvcConfigurerAdapter {
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/home").setViewName("home");
    }

    @GetMapping("/")
    public String showForm(Login login) {
        return "login";
    }

    @PostMapping("/")
    public String validateLoginInfo(Model model, @Valid Login login, BindingResult bindingResult) {
        model.addAttribute("user", login.getuserName());
        return "redirect:/students/all";
    }
}

this is my LoginForm. Here I have put getters and setter

package ada.edu.bb.a5.a5.domain;

import javax.validation.constraints.Min;
import javax.validation.constraints.NotNull;
import javax.validation.constraints.Size;

public class Login {
    @NotNull
    @Size(min = 2, max = 30)
    private String userName;

    @NotNull
    @Min(5)
    private String password;

    public String getuserName() {
        return this.userName;
    }

    public void setuserName(String userName) {
        this.userName = userName;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }
}

and this is my login.html where form is.

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Spring Boot Validation Login Form Example</title>

</head>
<body>
<div>
    <form action="#" th:action="@{/}" th:object="${login}" method="post">
        <h2>Sign in</h2>
        <div>
            <div>
                <input type="text" class="form-control" th:field="*{userName}" placeholder="Username" />
            </div>
        </div>
        <div>
            <div>
                <input type="password" th:field="*{password}" placeholder="Password" />

            </div>
        </div>
        <div>
            <button type="submit">Sign in</button>
        </div>
    </form>
</div>
</body>
</html>

Also what I want to know is in another html file, without login I don't want to have access. First login then access. SO I should make some redirections?

Related questions

Use json to get data from class members

See also questions close to this topic