materialistic | A material-design Hacker News Android reader | Hacking library

I am an absolute beginner to Netlogo, using it for the purpose of making models relevant to studies in archaeology. I'm trying to model 2 communities competing for resources, the "resources" being differently colored patches. My question is - how can I assign a "value" for a given patch? I want some patches to be more "valuable" than others (e.g blue patches better than red patches), and am wondering how does one go about assigning numerical values to them, regarding numbers as a "materialistic value scale"?

I want to be able to click my button and on the click trigger I want the background to fill up with a circle, much like how a materialistic button would. I know there is a library for this but I'd much rather develop my own because I want to learn.

This is what it would look like when you click, rather than when you move the mouse out of it.

I've tried playing around with the style of the button, trying to make some animation using storyboards but I can't seem to figure it out.

I'm creating an interface for hackers news with angular 7. Normally I use the public APIs available, but for login services they are not available.

I'm trying to make a POST call, as done by an OpenSource Android Client app for HN, specifically in this file: https://github.com/hidroh/materialistic/blob/master/app/src/main/java/io/github/hidroh/materialistic/accounts/UserServicesClient.java to the url https://news.ycombinator.com/login , setting the username, password and redirect as parameters.

Unfortunalty my request is blocked by the CORS policy.

I performed the test with Postman and instead works perfectly.

This is my code:

Firstly, thanks to Stack Overflow community for continued support for both experts and newbie's like me. I have recently started with Full Stack Dev on Mean Stack.

Currently, I am trying to create a mock-up for required UI before I dive into backed development.

I am using an AngularJS controller to display the required contents in an accordion. The accordion body includes some text values, and angular materialistic switch buttons to change value of 3 different parameters in data values.

I referred here for switch buttons config: https://www.tutorialspoint.com/angular_material/angular_material_switches.htm, and was successfully able to replicate the same. Now that I am trying to integrate this into my original view, it seems like switch buttons are created without any errors but aren't visible. I probably have some angular controller issue, which maybe causing the problem.

Here is Codepen: https://codepen.io/shubhammakharia/pen/Ngpgje

I made a custom dialog preference with a custom layout in the settings activity. Here the layout: