drag-drop | HTML5 drag & drop for humans | Widget library

In my Angular-11 project, I have this in SharedModule

Every dialog in my app looks more or less like this:

I am using Angular 11 to send a file to my node / express.js back end how do I send data along with the file?

I have a schema called sources, and another called files the files schema contains the sources schema id in order to indicate which files belong to which sources. In my angular app I loop over the data fetched from the source's documents to display them, each source displayed has an option to upload a file.

I want to be able to send the source id along with the file in my post request in order to store it on my database.

Here is the code I used :

source.component.ts

I have to create a circular slider which can determine an angle. I'm following this and I would like to know if there is a way to have circular boundary.

Or another easier method to implement that?

Thanks

I'm writing a C program that will process the content of a file. I know of one way to receive the file path, using the console input. But I need to use the other way, the "open file with" property. On Windows, for example, one way of opening a file using a program is drag-dropping the file on the program executable.

Here's a photo of this:

I don't know how to get the file path in C, can you please tell me how to do this on Windows/MacOS/Linux?

I am working on angular drag and drop. My Code is as follows

https://stackblitz.com/edit/angular-cdk-drag-drop-higfzm?file=app/cdk-drag-drop-connected-sorting-example.ts

The item which I am dropping will always be dropped at end of done list. I want to have a "X" mark on latest item dropped(suppose user drags and drops item1 then "X" should be on items1 and if user drags and drops item2 then "X" should be only on item2) so that if user wishes user can click on "X" and item is removed from done list and get back to the "TO DO" list again.

I am using the Angular CDK drag-drop (Material UI) and I want to get the current index of the dragged item in the CdkDragMove event object. Can anyone guide me?

I have a scenario, where I need to drop a feature into the respective item. So, here I am using angular-material for drag and drop but it is dropping feature outside of the item, I want to insert the feature inside the item.

Here is the sample: https://stackblitz.com/edit/angular-6cshhz-vsskhg?file=src%2Fapp%2Fcdk-drag-drop-connected-sorting-example.html[enter link description here]1

What is the configuration I need to do? Anyone can help me? Thanks!

I'm trying to implement 4 drag and drop areas, plan 1 year 1 column, plan 1 year 2 column, plan 1 year 3 column, plan 1 year 4 column, modlist1, 1 with a non-empty array (modlist1), the others with empty arrays each. However I am getting this error:

error TS2345: Argument of type 'CdkDragDrop' is not assignable to parameter of type 'CdkDragDrop'. The types of 'container.dropped.emit' are incompatible between these types. Type '(value?: CdkDragDrop | undefined) => void' is not assignable to type '(value?: CdkDragDrop | undefined) => void'. Types of parameters 'value' and 'value' are incompatible. Type 'CdkDragDrop | undefined' is not assignable to type 'CdkDragDrop | undefined'. Type 'CdkDragDrop' is not assignable to type 'CdkDragDrop'. The types of 'container.data' are incompatible between these types. Type 'string[]' is not assignable to type 'never[]'.

207 (cdkDropListDropped)="onDrop($event)"

Here are is my html code: