lazy-loader | Keeps controllers clean in the face

I am using tooltip in my blog which is coded using CSS and HTML below is its code. I want to track the number of clicks made on tooltip box. Is there any way by which I can see the number of clicks made on it. If possible views should engrave in the box(corner) itself. This is the code of tooltip

I am following this project (https://stackblitz.com/edit/angular-material-expandable-table-rows) for my feature development as I am trying to achieve the similar functionality.

I was able get my feature working correctly, however when I run the test, I get the following error -

I am working through Miguel Grinberg's Flask Megatutorial (a microblog app), using an Amazon EC2 ubuntu microinstance.

Currently every time I want to start up the flask app I have to cd to the top-level directory ~/microblog/.

Then, I type: flask run -h 0.0.0.0 -p 50000 to start the application.

Is there a way to specify the directory in the commandline so I don't have to keep going to the directory to run the program? There doesn't seem to be but maybe I'm missing something. I'm also pretty new to linux.

I have a complexe module called MyPageModule importing several modules which provides Service with following annotation @Injectable( { providedIn: 'root' } ).

This module is imported by lazy loading like this:

I have one parent and one child. The parent retrieves data (data is named blurts) using a fetch request, and sends the data via props to the child component. The child component is a lazy-loader component that only displays 6 records at a time as the user scrolls.

The lazy component creates its own state (array) based on the number of parent component records, which determines whether a record should be visible. All isVisible properties are set to false initially.

componentDidMount() in lazy component:

What other dynamic solution can be used to set the background-image: url() for a page without using the HTML style="" attribute?

My page starts with 13 elements where I set their url(), when you scroll to the footer our lazy-loader will then load 9 (up to 12) more elements that again have their own unique "dynamic" images set.

I think we'll just have to take a hit to our SEO score, as I don't believe a better solution is available.

NOTE: I can create a JS Fiddle if needed, but I think this is described well/generic enough that it's not needed. Please let me know if this is needed for answering.

Our company is trying to improve their site SEO score, one of the items identified for us to fix is to move all HTML style attributes into a single CSS file (or declaration). I believe the reason this is being called out as an issue is because we have several elements using this to set their article background-image: url();.

Our client has alot of different type of images (dimensions, center of focus, etc) they want to use when publishing an article. In order for us to have the most consistent design regardless of screen size is by using CSS background-image styles instead of an HTML tag. We're also working with some WP/XMLRPC publishing constraints, where we're not able to create a custom solution for this.

So we cannot use HTML for this, if we could this would be an easy fix.

This is the best "dynamic" solution we've found so far. Up until now (with this effecting our SEO score), this has never been an issue. In our CSS styles, we have our .class {} specific background image styles that are shared. The only thing that differs for each article is the image URL, so we set that in the style="background-image: url();" attribute dynamically through PHP.

My page starts with 13 elements where I set their url(). I "could" have inline CSS at the top where I set dynamic classes for these elements that will have their unique background-image: url();'s, this could work even if it sounds painful to setup/do.

BUT we have lazy-loading happening when you scroll to the footer. We load 9 (up to 12) more elements that again have their own unique "dynamic" images set, all via AJAX. I could do the same thing here, creating another inline CSS bit... but here's the kicker. One of our other SEO complaints is for us to combine our multiple inline CSS (as well as JS) into a single declaration. If I keep creating more declarations to fix this SEO issue, I'll create/worsen another SEO issue.

What other dynamic solution can be used to set the background-image: url() for a page without using the HTML style="" attribute?

I think we'll just have to take a hit to our SEO score on this one, as I don't believe a better solution is available.

I have 3 types of filters:

One of research: