Grafana Dashboard selector is stuck - selector

It could be on a different dashboards. Now I have this issue on 707 and 1860 ones. I provision them via Docker volume, but it behaves the same way when I import them manually.
So on this picture, the first item for DEV is always selected and it's not possible to change it

Related

Generating matplotlib graph which is refreshed real-time on web browser using mpld3

I have realized the dynamic graph drawing with matplotlib, and it can refresh graph real-time. Now, I want to generate matplot figure on Web Browers using mpld3. It can export to webpage, but can only run one time and graph won't be refreshed continuously. Wondering what this may be caused by? My script frame is as follow:
import mpld3[enter image description here][1]
from mpld3._server import serve
.
.
.
html1=mpld3.fig_to_html(fig1)
html2=mpld3.fig_to_html(fig2)
serve(html1+html2)
plt.pause(0.5)
enter image description here
There is no way to do that.
However, you can still export your figure as a html file – as you already do with the mpld3.fig_to_html() command – but always in the same html file, and run a auto-reload soft in the web browser on this page (see for example this plugin for Firefox: https://addons.mozilla.org/en-US/firefox/addon/tab-auto-reload/).
But for mpld3 figures, the loading time can be quite large depending on the amount of data you are showing. This solution is definitely not appropriate for real-time applications!

ImageResizer downloads an image multiple times?

I followed this article: http://imageresizing.net/blog/2013/effortless-responsive-images.
My images are stored on a CDN and after installing all the nuget packages, I got resizing to work, but the problem I ran into was that I had to add style="max-width:100%" to most of the images.
Also, I have a page where the same image appears in multiple spots and I guess Image Resizer thinks that this these spots should contain different sizes of the image, so it downloads 3 different versions which sort of defeats the purpose. Is this how it is supposed to work naturally?
As an example, I have imageA.png on a page and it might be in the top, middle, and bottom. Image Resizer is downloading a different version for each section.
What is the best way to use imageresizer with srcset? I can't seem to find any thing on it.
If I use the DiskCache plugin, will this serve images to other users that request the same size or is it just for the current user requesting it?
I'll try to break apart your 4-question question.
style="max-width:100%" to most of the images
CSS like img {max-width:100%} can do this globally. This rule is present by default in many themes/frameworks.
If an image appears in multiple spots, and those spots require differently sized/cropped versions of the image, there will be multiple requests. This is how it is supposed to work.
ImageResizer responds to URLs like "image.jpg?width=100" Just use those URLs as you would when using srcset normally. Here's the webkit demo.
DiskCache is not per-user. It is a global cache. It does re-apply authorization rules before serving from the cache.

Using Frames or changing visibility

I'm new to UWP (windows 10), working on an app for windows phone, I wanted to know what is the difference between:
Using multiple frames and navigate from one to other.
Using a single xaml with no frames but with multiple grids (or other patterns), and instead of navigate- just change visibility so only the desired grid will be visible.
which option is better? and why?
The system keeps track of the Page you are currently on. So even when your App exists and even if it's removed from memory the OS can tell the App to reopen on that page.
Similarily when your App provides other Apps with the capability of calling into it to open certain file types of to perform certain actions (e.g. start navigation, etc.) pages will be used.
Lastly if you put everything on a single page and just manipulate visibility this will increase memory consumption of your App (as everything needs to be loaded even if it's not visible) and it also might increase load times.
Of course how much that impacts you is up to the type of App you are building. In general however I'd advice you to start building using separate pages in case your App grows. Also you get a lot of stuff out of the box if you do so (e.g. animated transitions, etc.)

How do I find the feed from an IP Camera

Recently I purchased an IP camera (here's a link to the manual, in case that is needed: http://www.safehome.dk/wp-content/uploads/2014/07/SafeHome_Manual-278040_278041-NORDIC.pdf ).
I would like to make a small Python program, where I can change and adjust different settings. Just so you will know in which way I'm heading, then I would like 4 IP cameras, where one of the feeds are shown in large and the other three are shown in small (standard surveillance-style). But the catch is, that is should be easy to adjust the delay for all the cameras, so the user can choose a number between 0 and 20 seconds, depending on how long they want the delay to be.
I've now connected my camera and I can use it, using the software from the manufacturer (viewed in a browser - which is not the best way). I assume that the first step is to find the feed from the camera - but I don't know how the images are transferred.
So my question is this:
a) How does a (my) IP Camera send data to a (my) machine?
b) In case that it is a feed/link - how do I find that, if it isn't in the manual?
If I go to the camera's IP-address in a browser, then it asks me to login, and then I just enter the camera's main menu. But I can see, that it has some kind of structure in there, because if I go to 'Settings', then it takes me to the URL: 10.0.0.34/web/admin.html. So I imagined that the actual feed from the camera would be something along the lines of: 10.0.0.34/stream.mjpeg
Use the Source!
Navigate to the admin.html page in your web browser
Look for the <img> or <video> tag, with a source that's something like what you mentioned (10.0.0.34/steam.mjpeg)
Grab it in Python and display it

EasySlider 1.7 - IE9 breaks it by blocking scripts

I've been playing around with EasySlider and everything was working perfectly - until I viewed my site in IE9.
Instead of displaying the slider with 3 images sliding across, it displayed all 3 images sat one underneath the other, and a message at the bottom of the screen saying that scripts etc had been blocked and did I want to allow blocked content.
As I was using this in the hear of my website it pushed my whole site down the page and just looked stupid with the 3 banners on top of each other.
I realise I can get rid of this by unblocking the content, but that's not the point. I think this is the default security settings for IE so everyone that visits my site will see it like this for the first time (or everytime if they don't unblock the content).
So is there a way around this? Or at least a way that if the script is blocked only the first image is shown instead of all of them? This seems a pretty big flaw!
I had the same issue as you and found a very simple solution for it using CSS. All you need to do is copy and paste the line of CSS code below onto the screen.css stylesheet that came with the EasySlider 1.7 Plugin. I hope this helps.
#slider {
position:relative;
}
I found this solution at the "ClickNathan Handmade Websites".