WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-5f71cb-a0.MAI' (Errcode: 28 "No space left on device")]
SHOW FULL COLUMNS FROM `wp_options`

How to get loading Spinner on top of mdbModal - Material Design for Bootstrap

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-5f71cb-a3.MAI' (Errcode: 28 "No space left on device")]
SELECT p.*, o.option_value, GROUP_CONCAT(DISTINCT CONCAT(m.meta_key, "::", m.meta_value) separator "::::") as seo_meta, t.slug, tr.language_code as language FROM wp_posts p JOIN wp_postmeta m ON p.ID = m.post_id JOIN wp_options o ON o.option_name = "siteurl" JOIN wp_term_relationships r ON r.object_id = p.ID JOIN wp_term_taxonomy x ON x.term_taxonomy_id = r.term_taxonomy_id JOIN wp_terms t ON t.term_id = x.term_id JOIN wp_icl_translations tr ON p.ID = tr.element_id WHERE post_type = "page" AND post_status = "publish" AND tr.language_code = 'en' AND t.slug IN ('jquery') AND x.taxonomy = "page_cat" AND tr.element_type = "post_page" AND meta_key IN ("_yoast_wpseo_title", "_yoast_wpseo_metadesc") GROUP BY p.ID

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-5f71cb-a4.MAI' (Errcode: 28 "No space left on device")]
SHOW FULL COLUMNS FROM `wp_options`

How to get loading Spinner on top of mdbModal

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-5f71cb-a5.MAI' (Errcode: 28 "No space left on device")]
SELECT p.* FROM wp_mdb_forum_posts AS p LEFT JOIN wp_mdb_forum_posts AS q ON( q.Id = p.ParentId AND p.Id = q.AcceptedAnswerId ) WHERE p.PostTypeId = 2 AND p.ParentId = 105228 GROUP BY p.Id ORDER BY CASE WHEN q.Id IS NOT NULL THEN 1 ELSE 0 END DESC, p.UpvoteCount DESC, p.CreationDate ASC

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: How to get loading Spinner on top of mdbModal

surabathula karthik pro asked 6 years ago

Overlay Spinner Not showing on top of mdbmodal Popup

Hi Team,

I have overlay spinner in my main component which i am using to the display ongoing network activity. I have configured Http Interceptor to enable and disable spinner on network activity.

Overlay Spinner works fine, shows up as expected on top of subcomponent on network activity if there is no mdbModal Popup.

But for few pages i have mdbModal popup of taking input which would then trigger request to back-end, in that case Overlay spinner shows Loading spinner below mdbmodal popup.

Could you please help me on how to show the overaly Spinner on top of Mdbmodal popup and disable the intractions until the loading is done.

Please do the needful.

Sample Main Component:

<div class="wrapper">

<div [class.blurred]="showSpinner">
    <app-navbar *ngIf="showNavBar"></app-navbar>
    <router-outlet></router-outlet>
</div>
<div class="overlay spinner-wrapper" *ngIf="loadingSpinner">
    <mdb-spinner spinnerType="big" spinnerColor="blue"></mdb-spinner>
</div>

Thanks and Regards, Karthik

Arkadiusz Idzikowski staff commented 6 years ago

Could you provide more details about the problem here? Did you try to show/hide the spinner with ngIf directive when certain condition is met?

surabathula karthik pro commented 6 years ago

Yes, i was using ngif to show\hide spinner when there is network activity. Which works perfectly but when i have mdbmodal dialog popup, spinner is getting hidden behind the mdbmodal dialog.

I can see spinner if i close the pop up as the request is taking some time.

It would be great if spinner appears on top of mdbmodal popup as users would be able to understand that activity is still going on

Arkadiusz Idzikowski staff commented 6 years ago

Did you try to add the spinner to the modal content (modal body)? An example html/ts code would help us to debug this problem on our end.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Open

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.4.0
  • Device: Browser
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No
Tags
angularjs modals overlay loaderspinner spinner
Related topics
2
MDB Boostrap 5 Cannot read properties of undefined (reading 'classList')
2
Bug - autocomplete dropdown lists now z-indexed behind modals - fix this please!
2
Download Docs for offline usage
1
Modal Login & Register form tutorial
1
Modal's are hiding behind NavBar & SideBar
About author
surabathula karthik
Pro User
40Support score
8Questions 0Answers
0Snippets likes 0Snippets