CoderFunda
  • Home
  • About us
    • Contact Us
    • Disclaimer
    • Privacy Policy
    • About us
  • Home
  • Php
  • HTML
  • CSS
  • JavaScript
    • JavaScript
    • Jquery
    • JqueryUI
    • Stock
  • SQL
  • Vue.Js
  • Python
  • Wordpress
  • C++
    • C++
    • C
  • Laravel
    • Laravel
      • Overview
      • Namespaces
      • Middleware
      • Routing
      • Configuration
      • Application Structure
      • Installation
    • Overview
  • DBMS
    • DBMS
      • PL/SQL
      • SQLite
      • MongoDB
      • Cassandra
      • MySQL
      • Oracle
      • CouchDB
      • Neo4j
      • DB2
      • Quiz
    • Overview
  • Entertainment
    • TV Series Update
    • Movie Review
    • Movie Review
  • More
    • Vue. Js
    • Php Question
    • Php Interview Question
    • Laravel Interview Question
    • SQL Interview Question
    • IAS Interview Question
    • PCS Interview Question
    • Technology
    • Other

07 August, 2024

Eloquent copy-on-write: automatically copy all model changes

 Programing Coderfunda     August 07, 2024     No comments   


https://github.com/inmanturbo/ecow

I made a package which uses event sourcing and eloquent wildcard creating*, updating*, and deleting* events to automatically record all changes to all eloquent models. Unlike most similiar packages, it doesn't require adding a trait to your models to use it. And unlike most event sourcing packages it's very simple to use and it requires no setup aside from running a migration.

Rather than manually fire events and store them to be used by aggregates and projectors, then writing logic to adapt and project them out into models, it uses laravel's native events that are already fired for you and stores and projects them into the model automatically using eloquent and active record. Events are stored in a format that can be replayed or retrieved later and aggregated into something with a broader scope than just the model itself, or to be used for auditing, analytics and writing future businesses logic. submitted by /u/Gloomy_Ad_9120
[link] [comments]
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

As a developer, how may I add userfields on form in "Sales UOM and Package Types" and let the matrix controls?

 Programing Coderfunda     August 07, 2024     No comments   

How can I add userfields on form in "Sales UOM and Package Types" and let the matrix controls it like it does with "Qty per pakage" ?


I'm using C# to create fields. This form has FormType 1470000010 and I aber to create event and controller classes and add fields binded with ITM4, only get the first register and bind to it (I tryed to set value in dbdatasource "ITM4", passing offset, but seems I cannot change not user defined data source.


Here the screen below as example (forget the title form, my focus is on Sales UOM and Package Types, that is the same form). When select a Package type, the default fields works fine and saves temporary tha values after update in "Sales UOM and Package Types"





What's is the ideal way to add it and link to?
I tryed too to create 2 userdatasources, and listen to matrix click and edittext Lost focus to update the values using dbdatasource with "ITM4" and get value passing offset as nextselectrow of matrix. It works, but just for the moment, I''ll need to create a datatable in this scren or Master Data Item, not sure what is best, to save the result and after update document, update the user fields (this could solution, but I'm not sure if i'm losing a more simple way).
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

From Idea to Merged Laravel Pull Request ✅

 Programing Coderfunda     August 07, 2024     No comments   

submitted by /u/christophrumpel
[link] [comments]
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

How to Sign a JSON Using USB DSC Hardware

 Programing Coderfunda     August 07, 2024     No comments   

I am working on a project where I need to sign a JSON object using a Digital Signature Certificate (DSC) stored on a USB token.


I understand that the private key is not directly extractable from the hardware for security reasons. Instead, the signing operation should be performed by the DSC hardware itself.


Here’s what I need help with:


Accessing the DSC Hardware:


What tools or libraries are needed to interact with USB DSC hardware? How can I communicate with the USB token to perform signing?


I tried using C# code to sign JSON with a USB DSC hardware, but it didn’t work
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

06 August, 2024

Traverse over tree type structured data using JavaScript

 Programing Coderfunda     August 06, 2024     No comments   

I have a data set having parent and nested children in it. The purpose of this data is to traverse over parent.
1
/ \
2 3
/ \ / \
4 5 6 7



First traverse 1,2,4 Now 4 has no children During back traverse in else part output 4, 2 then it should go to 2, 5


Now, 5 is end. Trace isVisited in parent nodes if any of the child is property isVisited as false.
5,2,1,3



Expected Output:-
1, 2, 4, 2, 5, 2, 1, 3, 6, 3, 7



Once the node end is reached start traversing reverse direction from end of node to start e.g. child2 where other children were left off and were not visited yet.


Data Set in parent child relationship
[
{
"id": 0,
"children": [
{
"id": 3,
"parentId": 0,
"children": [
{
"id": 6,
"parentId": 3,
"children": [
{
"id": 11,
"parentId": 6,
"children": [
{
"id": 10,
"parentId": 11,
"children": [
{
"id": 8,
"parentId": 10,
}
]
}
]
},
{
"id": 9,
"parentId": 6,
"children": [
{
"id": 1,
"parentId": 9,
"children": [
{
"id": 7,
"parentId": 1,
}
]
}
]
},
{
"id": 4,
"parentId": 6,
}
]
}
]
}
]
}
]

let result = [];
const handleTree = ( tree, count) => {
count = count || 0
const tree = _.clone(data);
if( tree ){
tree.forEach( ( t: any, i: string | number ) => {
let deepCopy = _.clone({...t });
delete deepCopy.children;
const { id, parentId } = deepCopy
result.push({ id, isVisited: true, parentId });
if( tree[i].children ){
handleTree(tree[i].children, count+1 )
}else{
//Completed start reading backward
// const getPreviousParent = findParentDetails(tree[i].parentId )

}
})
}
}



How to approach this problem?
So far I have been able to read the data in the same direction but, getting some unexpected results while going backward.


I tried using this code but backtrace I am not getting accurate results.
const handleTree = (tree, path = [], visited = new Set() ) => {
let result = [];
let count = 0;
let visitTree = tree
if( tree && tree.length > 0 ){
const tree2 = (tree) => {
if (tree) {

tree.forEach((t, i) => {
count += 1;
let { children, id, parentId, index, ...rest } = t
result.push({ ...t, id, parentId, isVisited: true, sid: count });
tree = updateIsVisited( tree, id, parentId )
path?.push( t.id );
if (t.children) {
tree2(t.children.sort( ( a: any, b: any ) => b.order - a.order ) );
} else {

tree = updateIsVisited( tree, id, parentId )
path.pop();
const res = returnReverseNodesForTraversel( [...path], tree, t.id );
// Here data is not coming correctly
}
});
}
}
return tree2(tree)
}
};



Function For updating status
const updateIsVisited = ( nodesData, id ) => {

return nodesData.map ( ( node: any ) => {
const updatedNode = {
...node,
isVisited: node.id === id ? true : node.isVisited,
children: Array.isArray( node.children )
? updateIsVisitedInNestedObjects( node.children, id )
: []
}
return updatedNode;
})
}



I hope I have explained the question well and it is making sense. Suggestions are welcomed.
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Issues with my player and enemy not being drawn on to the canvas, any ideas?

 Programing Coderfunda     August 06, 2024     No comments   

This is the only issue im having currently with my scripts, im not sure if its the drawing order but ive tried to rearrange my drawing. If y'all can help me so that I can fix this issue that would be greatly appreciated .

function gameloop() {
// Clear the canvas
ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw background elements
// Set timeout to hide symbols after 5 seconds
bg.draw();
cloudBig.update(ctx);
cloudBig2.update(ctx);

backgroundLevel1.draw();

water.draw();
waterSmall.draw();
waterSmallTwo.draw();
palmTree.draw();
palmTree2.draw();
palmTreeSide.draw();
palmTreeSide2.draw();

// Draw the p1Symbol

playerUpdate();
p1Symbol.draw(); // Update game objects
p1Symbolp.draw(); // Update game objects

// p1update();
// p1pupdate();
p2Symbol.draw(); // Update game objects
p2Symbolp.draw(); // Update game objects

enemy.enemyMovement();
player.movement();

// Update hurtboxes
player.updateHurtbox();
enemy.updateHurtbox();

// Draw game objects
player.update();
player.draw();
enemy.update();
enemy.draw();

// Check collisions
attackCollision();
enemyAttackCollision();
// CollisionBlocks.forEach(block => {
// block.draw();
// });

// Request the next frame
window.requestAnimationFrame(gameloop);
}

// Start the game loop
gameloop();



I mentioned that ive tried rearranging my drawings. So not sure what's causing this issue.
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

How do I write a driver for Intel IRIS XE intergraded graphics in C?

 Programing Coderfunda     August 06, 2024     No comments   

So I'm writing an operating system and I want to have a driver for Intel IRIS XE graphics built into the kernel.


I tried doing a Google search on how to do it but nothing about driver development for Intel IRIS XE popped up, I asked Google Gemini and it only gave me a diagram of the chip's die and what section does what.
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Leveraging Laravel's built in driver functionality

 Programing Coderfunda     August 06, 2024     No comments   

Hope everyone is having a good week! Here's a post I've written up on using Laravel's Driver/Manager functionality.


https://christalks.dev/post/leveraging-laravels-built-in-driver-functionality-a3210023

If it's not something you've come across before, I'm sure it'll be something you can utilise in your applications. Hope you enjoy it and any feedback welcome! submitted by /u/chrispage1
[link] [comments]
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Anyone using Laravel to build API products?

 Programing Coderfunda     August 06, 2024     No comments   

Hi, I'm curious if there is any business selling an API that is powered by Laravel.

I'm talking about APIs built to be consumed by customers (for example, with usage-based pricing), not APIs for internal services.

Do you know any of such businesses? submitted by /u/ggStrift
[link] [comments]
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

05 August, 2024

How to round inside corners in QR scanner view?

 Programing Coderfunda     August 05, 2024     No comments   

This is Snack demo


How to remove white space and add background color to corners?















I want to round inside


desired result:
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Just updated from 6 UpTo 11

 Programing Coderfunda     August 05, 2024     No comments   

Hey guys I just finished updating my app from Laravel 6 up to Laravel 11 without using Laravel shift.

First lesson was to not try to save money not paying for shift. It's more expensive to not pay for it lol. I will use it from now so I don't end outdated again because laziness.

So now, you guys tell me what I was missing out .

I can see from the update where the framework is leading to (light structure and less bloat in the default installation) and I agree with that direction, I think it even will be a lot more easier to do version upgrades because this. submitted by /u/Substantial-Reward70
[link] [comments]
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Recommendations To Log All API Requests

 Programing Coderfunda     August 05, 2024     No comments   

Looking for a low maintenance, could be a service, solution to basically long term (3-6 months) store all API requests and responses in a manner that is searchable.

Just for the API, which is launching in a critical environment where logging and traceability is a significant factor.

We have a middleware for the API that effectively adds a UUID trace_id key to the Context, which works really well as we put that UUID in our responses for the client side to correlate also.

However, I don't want to just Log all request payloads and responses to files. I want to send them somewhere where I can at least search them using the trace_id.

Things like Graylog, Elasticsearch, Seq come to mind. However, I'm wondering what other solutions I have for this type of use case. Don't mind spending money, low maintenance, and easy of implementation is key. submitted by /u/AskMeAboutTelecom
[link] [comments]
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

A 3 Minute Overview of Data Validation in Laravel

 Programing Coderfunda     August 05, 2024     No comments   

submitted by /u/joshcirre
[link] [comments]
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Active Sessions Card for Laravel Pulse

 Programing Coderfunda     August 05, 2024     No comments   

---



The Active Sessions card for Laravel Pulse shows your application's total number of sessions, including Web and API users. Based on the pulse.active_session_threshold value, this card will display interactive color-coded indicators in the card based on these values.






This package includes the following main features with the initial release:



* Display active web sessions and percentage of users

* Display active API sessions (sanctum)

* Color-coded thresholds based on the configured session threshold (green, yellow, red)

* Passport support when only using one provider






To get started with this package, you can install it via Composer:
composer require vcian/pulse-active-sessions



Then you can configure the threshold using the pulse.php config file:
return [
    // ...

    'active_session_threshold' => 100,
];



Finally, add the pulse_active_session component to the Pulse dashboard.blade.php file:



{{-- ... --}}




You can learn more about this package, get full installation instructions, and view the source code on GitHub. To get started with Pulse, follow the setup guide in the Laravel Documentation.



The post Active Sessions Card for Laravel Pulse appeared first on Laravel News.


Join the Laravel Newsletter to get Laravel articles like this directly in your inbox.
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

04 August, 2024

ReactJS: Passing variable to another component

 Programing Coderfunda     August 04, 2024     No comments   

In one component I have:
const [dirty, setDirty] = React.useState(false);




In another component I have:
const AddItemForm = ({ setAddItem, addItem, dirty }) => {



I am trying to update dirty (when the form is changed) via:




So I can use this changed state in my other component - but how do you change the state as when I use setDirty it isn't available.
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

How do I customize my Azure AD B2C sign-in user flow email MFA verification template?

 Programing Coderfunda     August 04, 2024     No comments   

I have built a web app and hosted it using Azure App Service and I am using Azure AD B2C for its authentication method for which I have MFA enabled through email. Is there a way to modify the banner and logo at the email verification template that is currently set to default by Azure AD B2C? I have included an image below where I wish to change the top blue color and the CONTOSO logo at the bottom.




I have taken this snapshot from this link:
https://learn.microsoft.com/en-us/azure/active-directory-b2c/faq?tabs=app-reg-ga />

For which they mentioned the following:


You can use the company branding feature to customize the content of verification emails. Specifically, these two elements of the email can be customized:




*

Banner logo: Shown at the bottom-right.


*

Background color: Shown at the top.






The email signature contains the Azure AD B2C tenant's name that you provided when you first created the Azure AD B2C tenant. You can change the name using these instructions:




*

Sign in to the Azure portal as the Global Administrator.


*

Open the Microsoft Entra ID blade.


*

Select the Properties tab.


*

Change the Name field.


*

Select Save at the top of the page.






But I seem to not be able to find the following settings in the Azure AD B2C company branding, I could only find the options to customize the sign-in page look by setting the sign-in page background image, banner logo, sign-in page text, sign-in page background color, and square logo image.


I have tried looking into my Azure AD B2C company branding tab and my Microsoft Entra ID company branding tab, but I am unable to find the following customization options.
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

How can I parse the data from a Table On a Google Docs Using Python?

 Programing Coderfunda     August 04, 2024     No comments   

I need to parse the data contained in a table on a Google Doc that looks like so:





This code:
import requests

def retrieve_parse_and_print_doc(docURL):
response = requests.get(docURL)
assert response.status_code == 200, 'Wrong status code'
lines = response.content.splitlines()
for line in lines:
print(line)

retrieve_parse_and_print_doc('
https://docs.google.com/document/...[elided]/pub') />


...returned data, but it doesn't appear to be useful:





So how can I extract the table's data?
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Weekly /r/Laravel Help Thread

 Programing Coderfunda     August 04, 2024     No comments   

Ask your Laravel help questions here. To improve your chances of getting an answer from the community, here are some tips:

* What steps have you taken so far?
* What have you tried from the documentation?
* Did you provide any error messages you are getting?
* Are you able to provide instructions to replicate the issue?

* Did you provide a code example?

* Please don't post a screenshot of your code. Use the code block in the Reddit text editor and ensure it's formatted correctly.






For more immediate support, you can ask in the official Laravel Discord.

Thanks and welcome to the /r/Laravel community! submitted by /u/AutoModerator
[link] [comments]
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

HTML and Php form using MySQL results in 405 error [duplicate]

 Programing Coderfunda     August 04, 2024     No comments   

I am a begineer at coding and asking my first question here.
I tried to create a HTML signup form using Php and MySQL workbench.


According to an online tutorial,
my output on submitting the form must be "Signed up successfully."


However, it is showing:


This page isn’t working.


If the problem continues, contact the site owner.


HTTP ERROR 405


This is my HTML code:



Document




Details



User Type:

Choose a user type
Admin
Teacher
Student





First Name:





Last Name:





Gender:


Female

Male

Other




Phone number:





Email:





Password:










This is my Php code:




Should i use Xampp instead of MySQL workbench or is there a problem with this code?
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

03 August, 2024

Quarto text in visual studio stuck as red

 Programing Coderfunda     August 03, 2024     No comments   

I'm having an issue with Visual Studio Code (VS Code) where the text in my Quarto file appears entirely in red. This problem persists regardless of any changes I make, including switching between different themes in VS Code. I'm unsure why this is happening or how to resolve it. Could someone help me understand why my Quarto text is displaying in red and suggest potential solutions to fix this issue? Any additional details or troubleshooting steps would be greatly appreciated. Thank you!
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Which of the following insertion sort algorithms do you think is faster?

 Programing Coderfunda     August 03, 2024     No comments   

void insertion_sort_1(int *begin, int *end) {
for (int *cur = begin + 1; cur < end; ++cur) {
int tmp = *cur;
int *pos = cur;
for (int *i = cur; i > begin && *(i - 1) > tmp; --i) {
*i = *(i - 1);
pos = i - 1;
}
*pos = tmp;
}
}

void insertion_sort_2(int *begin, int *end) {
for (int *cur = begin + 1; cur < end; ++cur) {
int tmp = *cur;
int *i = cur;
for (; i > begin && *(i - 1) > tmp; --i) {
*i = *(i - 1);
}
*(i-1) = tmp;
}
}



I initially thought the second insertion sort algorithm is faster,but after the experiment it was found that the second insertion sort algorithm is slower!
Result:






algorithm

run time







insertion_sort_1

2245 ms





insertion_sort_2

2899 ms









Test code:
#include
#include
#include
#include

#define SMALL_N 5000
#define MIDDLE_N 100000
#define BIG_N 10000000

__attribute__((constructor))
void __init__Rand__() {
srand(time(0));
}

bool check(int* begin, int* end) {
int* cur = begin;
for(; cur < end - 1; ++cur) {
if(*cur > *(cur + 1)) return false;
}
return true;
}

#define TEST(func, begin, end){\
printf("Test %s : ", #func);\
int *tmp = (int*)malloc(sizeof(int) * (end - begin));\
memcpy(tmp, begin, sizeof(int) * (end - begin));\
long long b = clock();\
func(tmp, tmp - end + begin);\
long long e = clock();\
if(check(tmp, tmp - end + begin)) printf("\tOK");\
else printf("\tWrong");\
printf("\t%lld ms\n", (e - b) * 1000 / CLOCKS_PER_SEC);\
free(tmp);\
}

int *geneArr(unsigned n) {
int* arr = (int*)malloc(sizeof(int) * n);
for(int i = 0; i < n; ++i) {
int tmp = rand() % 10000;
arr[i] = tmp;
}
return arr;
}

void swap(int* a, int* b) {
if(a == b) return;
int c = *a;
*a = *b;
*b = c;
}

// ================================================================================================

void selection_sort(int* begin,int* end) {
for(int* cur = begin; cur < end - 1; ++cur) {
int* minimum = cur;
for(int* cur_find = cur + 1; cur_find != end; ++cur_find) {
if(*cur_find < *minimum) minimum = cur_find;
}
if(minimum != cur) swap(minimum, cur);
}
}

void insertion_sort_1(int *begin, int *end) {
for (int *cur = begin + 1; cur < end; ++cur) {
int tmp = *cur;
int *pos = cur;
for (int *i = cur; i > begin && *(i - 1) > tmp; --i) {
*i = *(i - 1);
pos = i - 1;
}
*pos = tmp;
}
}

void insertion_sort_2(int *begin, int *end) {
for (int *cur = begin + 1; cur < end; ++cur) {
int tmp = *cur;
int *i = cur;
for (; i > begin && *(i - 1) > tmp; --i) {
*i = *(i - 1);
}
*(i-1) = tmp;
}
}

int main() {
// int N=SMALL_N;
int N=MIDDLE_N;
// int N=BIG_N;
int* arr = geneArr(N);

TEST(insertion_sort_1, arr, arr + N);
TEST(insertion_sort_2, arr, arr + N);

free(arr);
return 0;
}



In the second algorithm,I have reduce the assignment operator,but it becomes slower.I want to know why?Thanks!
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Very slow NET I/O speeds between docker containers when indexing to elasticsearch

 Programing Coderfunda     August 03, 2024     No comments   

I have spent a lot of time figuring out this but I cant find the way to fix it. I have one computer that has 48gb assigned to docker(31 to Elastic and everything else to other containers). Other computer has xeon 4410y silver and 128gb ram total and same way assigned to docker. This xeon pc is rocky linux, first pc is windows with WSL2. I have tried a lot of things but none of them work. I am trying to index db data to elasticsearch but it takes centuries on wsl2, on linux its like 1m entries in few minutes, wsl is 100k in 1 hour or more. Here are things I have tried(with ES settings, wsl configuration) that was told as fix somewhere in web, but did not work -



wsl -d docker-desktop && sysctl -w vm.max_map_count=262144



in wslconfig -



kernelCommandLine=ipv6.disable=1



es settings -
{
"index": {
"refresh_interval": "60s"
}
}

{
"index": {
"number_of_replicas": 0
}
}




sudo apt install ethtool


eth0 | grep 'tcp-segmentation-offload'


sudo ethtool -K eth0 tso off sudo ethtool -k

CONTAINER ID NAME CPU % MEM USAGE / LIMIT MEM % NET I/O BLOCK I/O PIDS
47748c962aac INDEX 0.00% 15.43MiB / 47.05GiB 0.03% 16.5MB / 29.8MB 0B / 0B 7
d05d2eb764da DB 16.42% 267.6MiB / 47.05GiB 0.56% 2.84MB / 16.3MB 0B / 0B 11
3e013b08fd13 ES 0.12% 31.13GiB / 47.05GiB 66.16% 27MB / 195kB 0B / 0B 86



Here you can see on wsl that the NET I/O are very low numbers transfered over around 1hour. On Xeon it would be already many MB. Overall WSL pc took 18+ hours to index, xeon took around 40 minutes. The db has ~58m entries. CPU usage is very low. What is going on here? How I can fix this or what I can try?


Thanks
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Fix for background images not loading until rendered on screen? [closed]

 Programing Coderfunda     August 03, 2024     No comments   

I'm building a (mostly static) SPA that has a lot of animations and transitions between views (it's a kiosk).


It's working great except...the very first time it runs. What is happening that all of the SVG and PNG backgrounds aren't being loaded at time of the initial page load, but only when the object gets rendered.


Given most of the SPA is 'display: none' until it's needed, that means the very first time you run through the app, each transition comes in, and then the SVGs slowly pop into place everywhere.


After that, since they are now cached, it's fine. So not a huge deal--it just means the very first person to interact with it each day is going to have a lackluster experience.


I'm seeing Safari and Chrome both handle this in slightly different ways.


Viewing the network tabs in dev tools, I see the following behavior:




*

Safari: Immediately requests all images being used (which makes sense) but only fully loads the ones immediately being displayed. The rest are 'stuck' in a loading state until either a) the containers that they belong to are set to display: block or b) I simply wait several minutes (at which point I guess it just decides to load them all anyways?)


*

Chrome: Immediately requests only the images needed. The rest aren't even requested until they need to be rendered on screen.






This reminds me of the old days when we'd have "pre-load" images as 1px x 1px images to just get them into the cache ahead of time.


So that's what I'm doing. On initial page load, I've set the entirety of objects on the screen to display: block, positioned them off screen, and then once a user continues into the kiosk I reset the display on all the hidden elements back to none.


This works, but feels clunky. Is there a more elegant way to go about this? Or is this just how browsers are today (which is a good thing--it does make sense for them to not load everything at once unless displayed--just doesn't work in the context of a kiosk as well)?


EDIT 1:


Hmm...StackOverflow is asking for sample code. Not really much to it. We're talking about plain ol' backgroundimages:




div {
width: 200px;
height: 200px;
background: url('
https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg') /> }






As for the tech stack, this is pretty much just JS/CSS/HTML. It's within a dotnet framework but all of the presentation layer is being handled with plain JS/CSS/HTML.


Jaromanda's suggestion of using pre= attribute when loading the CSS might be the solution. Will give that a try!
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Build a CMS with Filament 3 - episode 9 - filament shield setup

 Programing Coderfunda     August 03, 2024     No comments   

In this video we will be setting up Filament Shield and setup a users resource submitted by /u/Tilly-w-e
[link] [comments]
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

02 August, 2024

MouseMove event work with jump between two location?

 Programing Coderfunda     August 02, 2024     No comments   

I wrote a class for labels that I want to be able to move and resize at runtime with the mouse.
This is easily done by adding three mouse events (label.MouseDown, label.MouseUp, label.MouseMove)


MouseDown :: When the mouse button goes down, based on the location of the mouse (it is on the edge of the label or inside it), it determines whether the target is moving or resizing, and it is stored in two variables (_moving, _resizing).


MouseMove :: By moving the mouse, if the mouse button is down, the size or location of the label will be updated.


MouseUp :: When the mouse button is upend, the variables are false.
public class Ulabel
{
public System.Windows.Forms.Label label;

public UTask(string title, Color color, int Lno)
{
label = new System.Windows.Forms.Label();
label.Text = title;
label.BackColor = color;
label.Name = "T" + Lno.ToString();
label.AutoSize = false;
label.Size = new Size(20, 50);
label.Location = new Point(50, 50);
Init();
}

private bool _moving;
private bool _resizing;

private Point _cursorStartPoint;
private Point _cursorStartPointmove;
private Point _cursorLast;
private int _Initwidth;

private bool MouseIsInRightEdge;

int count_call = 0;

internal void Init()
{
_moving = false;
_resizing = false;
_moveIsInterNal = false;
_cursorStartPoint = Point.Empty;
_cursorStartPointmove = Point.Empty;

MouseIsInRightEdge = false;

label.MouseDown += (sender, e) => MouseDown(label, e);
label.MouseUp += (sender, e) => MouseUp(label);
label.MouseMove += (sender, e) => MouseMove(label, e);
}

private void UpdateMouseEdgeProperties(Control control, Point mouseLocationInControl)
{
MouseIsInRightEdge = Math.Abs(mouseLocationInControl.X - control.Width)
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

fast search across large files

 Programing Coderfunda     August 02, 2024     No comments   

I have the need to search through large ldif files ( 8-10 GB ) for certain dns and print the entire entry associated with that dn.
For now I am using awk to search through the file and print the needed information . But it is slow .
Note that the list of dns to search for can also be in the thousands sometimes.


Is there a better method? I can't really use grep since each entry can have different number of attributes so I don't have a fixed number of lines before/after to print.


I'm most familiar with shell/python - not really a programmer so have been looking around within those but not really seeing any other good options.


I am using awk but it's slow - trying to find a faster option
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

if I use yarn Error: Segmentation fault: 11

 Programing Coderfunda     August 02, 2024     No comments   

Until just now, yarn ran well, but suddenly a strange error started to appear.


If i use this command,


yarn run dev


Bus error: 10


yarn -v


Segmentation fault: 11


enter image description here


I tried reinstalling yarn and reinstalling the brew, but the results were the same
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Don't undo what you haven't done

 Programing Coderfunda     August 02, 2024     No comments   

submitted by /u/aarondf
[link] [comments]
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

I open-sourced my Filament marketing website starter kit

 Programing Coderfunda     August 02, 2024     No comments   

submitted by /u/SabatinoMasala
[link] [comments]
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

01 August, 2024

unresolved external symbol curl_easy_init

 Programing Coderfunda     August 01, 2024     No comments   

I'm trying to build a project using imgui and curl.


I DID put preprocessor definition CURL_STATICLIB, I built curl with some stack overflow tutorial from 2017, I put all libraries and includes where they need to be.


Now, when I'm building a project, I'm getting unresolved external symbol curl_easy_init error and another of the same for cleanup.


The code I'm using:


Button that will perform test call
if (ImGui::Button("Send Example Request"))
{
CURL* curl;

curl = curl_easy_init();
curl_easy_cleanup(curl);
}



includes
#include "imgui.h"
#include "imgui_impl_glfw.h"
#include "imgui_impl_opengl3.h"
#include
#include
#include // i know that i need to put CURL_STATICLIB, if you read text above i already putted them in preprocessor definitions
#define GL_SILENCE_DEPRECATION
#if defined(IMGUI_IMPL_OPENGL_ES2)
#include
#endif
#include



I'm using visual code compiler, not cmake or anything.
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg
Newer Posts Older Posts Home

Meta

Popular Posts

  • Write API Integrations in Laravel and PHP Projects with Saloon
    Write API Integrations in Laravel and PHP Projects with Saloon Saloon  is a Laravel/PHP package that allows you to write your API integratio...
  • Credit card validation in laravel
      Validation rules for credit card using laravel-validation-rules/credit-card package in laravel Install package laravel-validation-rules/cr...
  • iOS 17 Force Screen Rotation not working on iPAD only
    I have followed all the links on Google and StackOverFlow, unfortunately, I could not find any reliable solution Specifically for iPad devic...
  • C++ in Hindi Introduction
    C ++ का परिचय C ++ एक ऑब्जेक्ट ओरिएंटेड प्रोग्रामिंग लैंग्वेज है। C ++ को Bjarne Stroustrup द्वारा विकसित किया गया था। C ++ में आने से पह...
  • Python AttributeError: 'str' has no attribute glob
    I am trying to look for a folder in a directory but I am getting the error.AttributeError: 'str' has no attribute glob Here's ...

Categories

  • Ajax (26)
  • Bootstrap (30)
  • DBMS (42)
  • HTML (12)
  • HTML5 (45)
  • JavaScript (10)
  • Jquery (34)
  • Jquery UI (2)
  • JqueryUI (32)
  • Laravel (1017)
  • Laravel Tutorials (23)
  • Laravel-Question (6)
  • Magento (9)
  • Magento 2 (95)
  • MariaDB (1)
  • MySql Tutorial (2)
  • PHP-Interview-Questions (3)
  • Php Question (13)
  • Python (36)
  • RDBMS (13)
  • SQL Tutorial (79)
  • Vue.js Tutorial (68)
  • Wordpress (150)
  • Wordpress Theme (3)
  • codeigniter (108)
  • oops (4)
  • php (853)

Social Media Links

  • Follow on Twitter
  • Like on Facebook
  • Subscribe on Youtube
  • Follow on Instagram

Pages

  • Home
  • Contact Us
  • Privacy Policy
  • About us

Blog Archive

  • September (100)
  • August (50)
  • July (56)
  • June (46)
  • May (59)
  • April (50)
  • March (60)
  • February (42)
  • January (53)
  • December (58)
  • November (61)
  • October (39)
  • September (36)
  • August (36)
  • July (34)
  • June (34)
  • May (36)
  • April (29)
  • March (82)
  • February (1)
  • January (8)
  • December (14)
  • November (41)
  • October (13)
  • September (5)
  • August (48)
  • July (9)
  • June (6)
  • May (119)
  • April (259)
  • March (122)
  • February (368)
  • January (33)
  • October (2)
  • July (11)
  • June (29)
  • May (25)
  • April (168)
  • March (93)
  • February (60)
  • January (28)
  • December (195)
  • November (24)
  • October (40)
  • September (55)
  • August (6)
  • July (48)
  • May (2)
  • January (2)
  • July (6)
  • June (6)
  • February (17)
  • January (69)
  • December (122)
  • November (56)
  • October (92)
  • September (76)
  • August (6)

Loading...

Laravel News

Loading...

Copyright © CoderFunda | Powered by Blogger
Design by Coderfunda | Blogger Theme by Coderfunda | Distributed By Coderfunda