TechStack | The roadmap to build your techstack

I used stackNavigator 2 in one of my projects as follows. import { StackNavigator } from "react-navigation";

My Gatsby site can't be deployed to Netlify because of a WebpackError: ReferenceError: window is not defined

I've tried:

1. Wrapping return statements in if(window !== undefined) checks which didn't work
2. Putting a require statement in my index.js: if (typeof window !== 'undefined') { require('scrollmagic') require('scrollmagic-plugin-gsap') } which didn't work

I noticed that the import statement import Scrollmagic from 'scrollmagic' already causes the error because I once tried deploying the site without any scrollmagic code except for the import.

The scrollmagic part of my component looks like this (I deleted some irrelevant variable assignments in this example):

I want to write a function that takes two arguments (an array of objects and a search string). The function should return an array having filtered each of the object array by its respective keys.

My sample array and search string looks like this

I am using spring-boot-2.2.1 along with spring-HATEOAS. Hypermedia links are working fine but I see _embedded attribute while returning links, Please find the below code for reference and the project in github here,

Endpoint :

a) Will return CollectionModel => localhost:8099/api/v1/capability/list/noembedded

and

b) Will return List< EntityModel< Capability>> localhost:8099/api/v1/capability/list/

Scenario is:

I have a displayed full live datetime in javascript including name of the day. However that format consumes too much space when the viewport is being resized so my solution is to change the format (make it shorter) if the screen size is smaller.

It goes like this:

When the user has a very wide screen I'd like to provide her/him the full datetime and day like this:

"23:34:39 - October 3, 2019 - Thursday"

When the user is using a tablet format should be:

"23:34:39 - Oct 3, 2019 - Thu"

And when the user is on mobile or older phones which has a very small screen, the format should be:

"23:34:39 - 2019-10-03 - Thu" of if the code detects even smaller screen I will remove the seconds.

I have found several threads here about rezise(function()); here and addEventListener here also another one here so I have done some modification in my code but I can't seem to make it work, there is no display at all after I added the addEventListener.

here is my jsclock.js

I am trying to implement a search functionality. However I keep ending up with the above error.

I have tried solutions to similar problems posted on this forum, they do not seem to work.

SearchController

My techstack comprises of the following

• Eureka Discovery server
• Zuul Gateway
• Spring Config server
• Hystrix Dashboard
• My core services that has Hystrix stream enabled.

Hystrix dashboard is working fine as I am able to stream using the hystrics.stream exposed out of my services.

However, whenever I try to add turbine to this stack, the /turbine.stream only returns data: {"type":"Ping"} repeatedly on the browser and as a result Hystrix dashboard shows Unable to connect to Command Metric Stream

Can someone please assist me to find out where I am going wrong?

Here are my key configurations for turbine. The TurbineAppliation class is just a springboot app with @EnableTurbineStream so not listing it down below.

pom dependencies:

I got recommended in another thread that I should use ServiceClient when using a ServiceStack API.

I would like to create a template function that can post any type of objects like this:

When clicking, IF the with #CNC_Mach_btn contains an .active class then the tags with .CNC_Machinery class in it should receive a .show class, this part works.

But I also want to remove the .show class on tags without a .CNC_Machinery class.

I changed the NodeLists to arrays and then iterate through tehm and then appended .s

I tried the JS idea "else if (!CNC_Mach_btn.classList.contains("active")) { " ! from here but that didn't work.

HTML & PHP:

JS: