lollipop | A simple JS popup manager | Menu library

During one of the launches of the application, log issued such a stack of errors:

I have created a lollipop chart with the following code. I am trying to add a legend to the chart, detailing the orange colour as "2020" and the purple colour as "Average". How would I do so?

I am trying to build a view programatically in android, and I can't seem to reach my end goal.
Here is the design

and here is what I have

here is the code
header view:

I have a dialog that tells the user that their trial has ended and then redirects them to the full version on the Play Store. When the dialog is dismissed the app should close so that the user can no longer use it. Problem is that sometimes this leads to the app getting closed before it gets the chance to open the Play Store link.

Here's the dialog:

I am facing a problem with my custom appbar in my fragment where nothing happens when I click any item in my appbar. I have followed this document to create an appbar in my fragment but still so success.

I have one activity that contains only a fragment container which I switch between fragments from. In one of fragments I want to add a custom fragment owned appbar. I first created a menu like this:

I'm trying to select images from the gallery and upload them to firebase storage but after selecting the image it doesn't show in the image view and the app get crash

Note I'm using a fragment and not an activity

Here is the Error Message

Caused by: java.lang.NullPointerException: Attempt to invoke virtual method 'void android.widget.ImageView.setImageURI(android.net.Uri)' on a null object reference

Here is my MainActivity.xml

Im trying to pass some data from ListView using setOnItemClickListener to Fragment to another Fragment using bundle but im getting Null Object Reference

here is the ClickListener of first Fragment

HomeMakananMieayamFragment.java

I created a custom bottom navigation bar (following this suggestion:https://stackoverflow.com/a/53865195/7669960) The layout is showed as i expected but i still can't click on the bottom half of fab button .

Here is my layout code:

I have a Vuetify data table that is refreshed from the server every 5 seconds. It has selectable rows. If you select a row, then something in the data changes, the v-model array of selected items does not reflect the changes inside the row items. This codepen is a slightly modified version of a Vuetify example:

https://codepen.io/hobbeschild/pen/bGqGMQQ?editors=1010

Select the first row. At the top you will see the time in the selected item. Wait 5 seconds for the data to refresh. You will see that the selected item time does not match the row item time anymore.

Is there a way to ensure the v-model array contents reflect the new values in the items? I can think of a way to do this programmatically, but I have lots of tables like this and hope there is an easier way, with the table props perhaps.

HTML: