Why image resources loaded from different origins triggers HTTP authentication dialogs would be harmful?

From https://developer.mozilla.org/en-US/docs/Web/HTTP/Authentication, it says:

A potential security hole that has recently been fixed by browsers is authentication of cross-site images. From Firefox 59 onwards, image resources loaded from different origins to the current document are no longer able to trigger HTTP authentication dialogs (bug 1423146), preventing user credentials being stolen if attackers were able to embed an arbitrary image into a third-party page.

“User credentials could be stolen if attackers were able to embed an arbitrary image into a third-party page. ” How? The authentication happens between the user and the image source website, while the “third-party page” website is not involved.

Xampp is not loading phpMyAdmin: Apache2 could not be loaded

XAMPP is installed with

sudo ./xampp-linux-x64-7.3.7-0-installer.run 

After a very few time I could be able to log in and work with phpMyAdmin but after it was suddenly stopped working. ( There was an issue with the Port 80 and SSL Port 431 – they were set to 8000 and 4331. But the original localhost was showing Apache2; this is why I added a code to a specific config file which then set up working to reach phpmyadmin from localhost/phpmyadmin domain )

Now If I run to start Apache from XAMPP I got these:

Starting XAMPP for Linux 7.3.8-2... XAMPP: Starting Apache...fail. XAMPP:  Another web server is already running. XAMPP: Starting MySQL...ok. 

From http://localhost Localhost gives this

From http://localhost/phpmyadmin Can’t work with any username(root; root@localhost etc) and password – I tried to reinstall phpmyadmin and setup a new password

Here is a little help which – I think – I need to try out: " Access denied for user 'phpmyadmin'@'localhost' " while installing phpmyadmin

Can somebody help to work with phpMyAdmin properly? Even if I need to reinstall and delete everything?

How ca I configur HDMI and VGA to work properly from GRUB to ubuntu fullu loaded?

I run a dual screen setup. When I load Ubuntu from GRUB(I run a dual boot) HDMI is where grub is if HDMI is plugged in but when fully loaded it goes black and VGA is improperly configured and zooms in to close to operate. When HDMI is not plugged in at GRUB VGA is where GRUB appears and it is configured properly, and after ubuntu is loaded I can plug HDMI in and it configures well but not precisely either I use Ubuntu 18.04.2

Page Resources Couldn’t be Loaded” on GSC even after clearing everything on robots.txt

Google Search Console and Mobile-Friendly Test both give me the following two warnings for my WordPress based website:

  • Content wider than screen
  • Clickable elements too close together

The screenshot that these sites provide of my website completely looks broken as if no CSS was applied.

Many solutions to this problem seem to identify the robots.txt file as the culprit, as some users may be blocking google bot from accessing the resource files such as stylesheet or JavaScript.

My case was different. The following state is how my robots.txt file looks like, and I still get the same warning messages none the less. I am an SEO framework user, so I created my own static version of the robots.txt.

User-agent: *     Allow: /  Sitemap: https://***** 

There are also suggestions that the weight (heaviness) of the website is to be blamed. In my case, I have only a few JavaScript files that are mainly in charge of some very light tasks such as carousel, slide-down answers for faq, and the menu button for the nav-menu.

I tried many things including switching themes and surprisingly, the same issue happens even for the WordPress official theme “twenty-seventeen” and also “twenty-nineteen” or the blank version of the “Underscores” theme, but not when I used my original theme that doesn’t have any JavaScript files.

Do I really have to go the route of NOT using JavaScript at all, and strictly only use css to style my website, or can it be that there are other things to look at??

Along with the two warnings, I also almost always get “Page Loading Issue” on the test results. Could it be that this is a server speed related issue? I am located in Japan at the moment, and my website is also targeted mainly for Japanese, but I am using a SiteGround server and not a Japanese server. I am well aware that this is giving me a speed-related issue in general for my website, but is this also affecting the results of the above-mentioned google tests?

ubuntu can be loaded but windows 10 could not be loaded

I installed ubuntu in sdb5 and windows 10 in sda1 many years ago. Also I asked someone else to help me installed an Apple’s system. I used grub to load the systems. Days ago after windows 10 was upgraded it cannot be loaded anymore. I can choose Windows 10 item in grub but it could not be loaded. There is only a black screen with a underscore flashing in the up left corner. Ubuntu can still be loaded and I can check the files in the disks.

I searched the solutions on Internet. I tried to delete some files in the disk to have more space; I tried to edit the 40_custom file but they did not work. Windows 10 still could not be loaded.

I tried not to reinstall the system.

Does anyone has any ideas? Why it happened? It has been working well for many years. Thanks!

Field Value of Loaded List Item is Unexpectedly Returning “NaN”

I’m trying to query the last item in the current list where status = New, so I can auto-populate one of the fields based on the previous item’s value. Executing “alert(collListItem);” displays “[object] [Object]”, and the onQuerySucceeded function is in fact firing, however, the value it’s inputing is “NaN” when it should be the previous number field value +1 (the previous value is 1).

var collListItem; function QueryLastNewItem() {     var clientContext = new SP.ClientContext();     var List = clientContext.get_web().get_lists().getByTitle('Tracker');     var query = new SP.CamlQuery();     query.set_viewXml("<View><RowLimit>1</RowLimit><Query><OrderBy><FieldRef Name='ID' Ascending='False' /></OrderBy><Where><Eq><FieldRef Name='Status' /><Value Type='Choice'>New</Value></Eq></Where></Query></View>");     collListItem = List.getItems(query);     clientContext.load(collListItem);     alert(collListItem);     clientContext.executeQueryAsync(Function.createDelegate(this,  this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));          }  function onQuerySucceeded(sender, args) {      //Once the list item is loaded, populate number field with the previous number field plus 1     if ($  ("select[id^='Is_x0020_this_x0020_item_x002']").val() == "New")          {         $  ("input[id^='Number']").val(collListItem.get_item("Number")+1);         } }   function onQueryFailed(sender, args) {     alert('Request failed. \nError: ' + args.get_message() + '\nStackTrace: ' + args.get_stackTrace()); } 

Since the query seems to be successful, I’m confused as to why the value isn’t being assigned appropriately. I thought it may be because “collListItem” could be considered a collection of objects, but I have set the row limit to 1 in the CAML query, so it should only contain 1 item.

Any help or suggestions are much appreciated.

Style not loaded in new window

I reproduced the problem with minimal code this Stackblitz .

I made part of my component open on a new window BUT it should still be able to interact with my main app. I using DomPortalHost to achieve that. The interaction works successfully but the style are not loaded into the new window.

How do I force the new window to match the style of the main app?

Trouble implementing lazy loaded feature module Angular 8

So basically I am trying to create a lazy loaded feature module in my application I have been following the official angular docs – but for some reason its not working.

I have set up my feature module DashboardModule as shown below

import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common';  // MODULES import { DashboardRoutingModule } from './dashboard-routing.module';  // COMPONENTS import { DashboardComponent } from './dashboard/dashboard.component'; import { DashboardAlertComponent } from './dashboard-alert/dashboard-alert.component'; import { DashboardSummaryComponent } from './dashboard-summary/dashboard-summary.component'; import { DashboardTasksComponent } from './dashboard-tasks/dashboard-tasks.component'; import { HoldingPageComponent } from './holding-page/holding-page.component';  @NgModule({     imports: [CommonModule, DashboardRoutingModule],     declarations: [         DashboardComponent,         DashboardAlertComponent,         DashboardSummaryComponent,         DashboardTasksComponent,         HoldingPageComponent,     ] }) export class DashboardModule {} 

then in my DashboardRoutingModule

import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router';  import { ActivityComponent } from '../activity-components/activity/activity.component'; import { IsLockedRouteGuard } from '@app/shared/common/auth/is-locked-route-guard'; import { DashboardSummaryComponent } from './dashboard-summary/dashboard-summary.component'; import { SyncComponent } from '@app/popup-components/sync/sync.component'; import { DashboardAlertComponent } from './dashboard-alert/dashboard-alert.component'; import { ChartContainerComponent } from '../chart-components/chart-container/chart-container.component'; import { DashboardTasksComponent } from './dashboard-tasks/dashboard-tasks.component';   @NgModule({     imports: [         RouterModule.forChild([             { path: 'activity', component: ActivityComponent, canActivate: [IsLockedRouteGuard] },             { path: 'snapshot', component: DashboardSummaryComponent },             { path: 'sync', component: SyncComponent },             {                 path: 'alerts',                 component: DashboardAlertComponent,                 canActivate: [IsLockedRouteGuard]             },             { path: 'charts', component: ChartContainerComponent, canActivate: [IsLockedRouteGuard] },             { path: 'tasks/:sort', component: DashboardTasksComponent, canActivate: [IsLockedRouteGuard] },         ])     ],     exports: [RouterModule] }) export class DashboardRoutingModule {}  

so as per the angular docs this has been set up correctly..

now in my AppRoutingModule

import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppComponent } from './app.component'; import { AppRouteGuard } from './shared/common/auth/auth-route-guard';  @NgModule({     imports: [         RouterModule.forChild([             {                 path: 'app',                 component: AppComponent,                 children: [                     {                         path: '',                         children: [{ path: '', redirectTo: '/dashboard/alerts', pathMatch: 'full' }]                     },                     {                         path: 'main',                         canActivate: [AppRouteGuard],                         loadChildren: () => import('./main/main.module').then(m => m.MainModule),                         data: { preload: true }                     },                     {                         path: 'dashboard',                         loadChildren: () => import('./main/dashboard/dashboard.module').then(m => m.DashboardModule)                     },                 ]             }         ])     ],     exports: [RouterModule] }) export class AppRoutingModule {} 

but whats happening is when I try and go to /dashboard.. I get this error

Component HoldingPageComponent is not part of any NgModule or the module has not been imported into your module.

but I am clearly importing it in the DashboardModule as shown above.. what am I doing wrong??