Giter Site home page Giter Site logo

ladder's Introduction

ladder's People

Contributors

rythos42 avatar alexis-judi avatar dependabot[bot] avatar

Stargazers

Brandon Wong avatar

Watchers

James Cloos avatar  avatar

ladder's Issues

More skill "Details"

May want to provide more details on skills. Show them in like an expansion panel on the skills page and on endorsements so they are more visible.

Prevent skills from being edited unless has permission

There's some great stuff here, but I don't have Azure permission to create custom roles.

Wondering if we can:

  • Add scopes to app registrations
  • Provide scopes to custom roles
  • Ask for those scopes when we log in
  • Check the scope was granted when we perform an action

This could be a great model for how I'm thinking JUDI should work, if it works.

Here's some resources:
https://docs.microsoft.com/en-us/azure/active-directory/users-groups-roles/roles-create-custom#create-a-new-custom-role-to-grant-access-to-manage-app-registrations

https://docs.microsoft.com/en-us/powershell/module/azuread/connect-azuread?view=azureadps-2.0

https://www.andrewconnell.com/blog/leverage-custom-permissions-in-azure-ad-applications/

Autocomplete e-mails

Use the Microsoft Graph to do it!

Here's some sample code I ripped out of the MS sample that might lend itself into a good direction:

`Request Email token flow

Request Email Permission

    async onRequestEmailToken() {
const tokenResponse = await this.acquireToken(GRAPH_REQUESTS.EMAIL).catch(
  e => {
    this.setState({
      error: "Unable to acquire access token for reading email."
    });
  }
);

if (tokenResponse) {
  return this.readMail(tokenResponse.accessToken);
}

}

async readMail(accessToken) {
const emailMessages = await fetchMsGraph(
GRAPH_ENDPOINTS.MAIL,
accessToken
).catch(() => {
this.setState({
error: "Unable to fetch email messages."
});
});

if (emailMessages) {
  this.setState({
    emailMessages,
    error: null
  });
}

}`

User profile page

Top X recent claimed skills
Top X recent endorsed skills
Top X recent skills you've endorsed
Username
Profile photo from Azure?

Add audit table

With skills being able to be edited, it's probably a good idea to be able to see who edited them.

Could maybe remove the AddedByUsername and AddedOn from Claim and put this into the audit table instead.

Make deployment not suck

UI deployment is;

  • yarn build
  • deploy using Azure App Service in VSC, but only if you have the publish file on my local computer
  • (Optional) update config.json in ladder-ui to point to https://ladder-server.azurewebsites.net
    • This file doesn't get re-deployed, so doesn't get copied over and doesn't need updating.

Server deployment is:

  • stop web app
  • publish in VS, but only if you have the publish file on my local computer
  • update appSettings.json in ladder-server
    • ConnectionString Server=tcp:jdi-sql-dev.database.windows.net,1433;Initial Catalog=ladder;MultipleActiveResultSets=True;Encrypt=True;TrustServerCertificate=False;Connection Timeout=30;
    • LadderSiteUrl https://ladder-ui.azurewebsites.net/
  • start web app

Add some starter skills

I wondered if it would start organically, but it seems it won't. So it's probably a good plan to seed the database with some basic skills, perhaps from the Renttherunway ladder, so people have an idea of how to start.

Remove Toolbar in Header

Looks better and interface has more available space without it.

Need to resize the icons as well so the badges fit

Refactor Filter to not need to supply every filter parameter

This code will get silly in the next filter added:

`
setSummaryFilter = evt => {
this.setState({
filter: {
summary: evt.target.value.toLowerCase(),
levelId: this.state.filter.levelId
}
});
};

setLevelFilter = evt => {
this.setState({
filter: { summary: this.state.filter.summary, levelId: evt.target.value }
});
};
`

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.