Thermopyle posted:

JavaScript code:

function iTakeANumber(x: number) {
  return x * 2;
}

If I pass event.target.value to the function I do not get a warning from TypeScript even though it's actually a string I need to parse with parseInt. I'd like TypeScript to catch this error. Can I make that happen?


(This is actually a React SyntheticEvent, but I assume its the same as a native event?)

peepsalot posted:

The project license is CC0, public domain, so yeah its pretty cool.

quote:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

necrotic posted:

Lodash is MIT, though

https://raw.githubusercontent.com/lodash/lodash/4.17.4/LICENSE

And from the sound of it this is going on the NYSE floor so removing attribution is totally cool.

Skandranon posted:

So, your function specifies it wants a number, and that is pretty much all you can do on that end. However, I'm guessing the type of "event.target.value" is "any". This means it will never trigger compile errors because it COULD be a number. What you want is to either be specific about the type of .value before you pass it around, or make event.target into a generic so you can specify the value to be of type T (event.target<T>).

Geno posted:

but when I run this code, the first console.log line doesn't even show. Why is that? All variables are valid, no errors, etc.

code:

    $scope.inits.testProgress = function() {
        console.log('testsets');

        var len = $scope.inits.audit_details.items.length;
        var numActionRequired = 0;

        angular.forEach($scope.inits.audit_details.items, function(inv) {
            if (inv.action_required == 'No')
                numActionRequired++;
        })

        console.log(Math.floor(numActionRequired / len * 100));
    }

Geno posted:

Ramping up on an Angular project, trying to figure out why this doesn't work:

I have a progress bar with a function that calculates its value:

code:

<uib-progressbar animate="false" value="inits.testProgress()" style="height:20px;" type="primary"><b>{{inits.testProgress()}}%</b></uib-progressbar>

When I run this code, the console.log shows in the console

geeves posted:

It's hard to tell without seeing the rest of your script. Are $scope.inits.auto_details and audit_details.items defined?

huhu posted:

I have two check boxes that toggle the hidden class for a cell's row in a table based on whether the cell's value is "Incomplete" or "Complete. Is there an easy way to combine the following code because almost all of it is repetitive?

code:

// Toggle Complete Targets
$("#toggleOverallStatusComplete").click(function(){
    $('.col-overallStatus').each(function(){
        var overallStatus = $(this).text();
        if(overallStatus == "Complete"){
            $(this).parent().toggleClass("hidden");
        }
    })
});

// Toggle Incomplete Targets
$("#toggleOverallStatusIncomplete").click(function(){
    $('.col-overallStatus').each(function(){
        var overallStatus = $(this).text();
        if(overallStatus == "Incomplete"){
            $(this).parent().toggleClass("hidden");
        }
    })
});

icantfindaname posted:

Hi, I'm trying to scrape data off this ASPX website with PhantomJS, and am having trouble figuring out how to set the various dropdown fields and then click the button. The following code should produce an error where it gives you red text asking to fill in the boxes, but the picture rendered shows no difference from a blank form. I have pretty much no idea what I'm doing with javascript, I took an intro level undergrad class on it a while ago and that's about it

http://worknet.wisconsin.gov/worknet/daindustry.aspx

code:

var page = require('webpage').create();
page.open('http://worknet.wisconsin.gov/worknet/daindustry.aspx', function(status) {
  console.log("Status: " + status);
  if(status === "success") {
	page.includeJs("http://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js", function() {

		page.evaluate(function() {
			$('#btnResults').click();
		});
	});
	
	page.render('example.png');
  }
  phantom.exit();
});

Love Stole the Day posted:

Love Stole the Day posted:

Working with DiscordJS and SQLite to make a personal bot and need a little help wrapping my head around a context issue:

How do I get a reference to my Bot class' SQLiteProvider database so that I can read/write from within my command.js file's context? Because I want the users to call a few commands that will:

• read from a particular row element to verify whether it's empty
• write a user's name to a given row in that table
• display the contents of a given table

Here's the relevant JS that's involved (entry point on the right side of the image):





Basically I want to get a reference of the thing defined in the right-side file so that I can use it in the left-side file... or can I just instantiate a new thing entirely in the left-hand side and then read/write independently without having to worry about the right hand side thing? My understanding, though, is that I need to have a single reference to the database and then have some way to access it from other files.

My first impression of what to do is to instantiate the Bot's SQLProvider reference by importing it into the main file (right side of the above image) from a separate third .js file and then again importing it into the Command's .js file (left side of the picture) so that I have a reference to it? That doesn't sound right to me, though. Sorry for the stupid question. New to this JS stuff.

huhu posted:

https://jsfiddle.net/h8apd6bd/

What am I missing - why isn't the zebra striping being applied to only the visible rows?

geeves posted:

In the way you have it coded, CSS only cares about markup, not what JS hides or shows based on a CSS class

You can change it from hide/show based on class and use tr.hide() / tr.show() and try something like:

.stripes[@display=block]:nth-child(even)

edit, you may be able to substitute the class for the [@display=block]. I just usually use hide / show more often than trying to juggle classes.

huhu posted:

Any chance you could edit the JS fiddle? I don't quite follow.

LP0 ON FIRE posted:

Issue regarding line spacing in canvas with text that has shadows:

Since the canvas element does not support line spacing when rendering text, I decided to add the unicode hair space character (code 8202) between letters of a text string for spacing. Unfortunately, different browsers display this character at different widths from one another, making it an unacceptable solution for my purpose.

An alternate solution I thought of using was to fill each character individually with an x offset that is defined by the spacing. The problem with this is when applying a shadow, the shadows that overlap will be darker than text that was filled all at once.

So it seems that both of these solutions won't work for me, but what are the alternatives?

geeves posted:

I just re-looked at what we did and it was completely hacked together using extra attributes outside of CSS

code:

#searchResults tr :not(.hidden) :nth-child(even) {
    background-color: #ddd;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/:not

Should work. But for some reason does not in the fiddle, and I've run into this before where we wrote a bunch of rear end in a top hat javascript to get it to work.

We did something like this: https://jsfiddle.net/h8apd6bd/14/ Like, I said, hackey as all poo poo.

Edit: Updated to latest version of fiddle with correct striping.

huhu posted:

Awesome, thanks. Is there something I can read up on about why all this JS is required?

Video Nasty posted:

code:

 
or
 

?

kiwid posted:

I'm looking for a library/package that allows a user to upload an image from their computer in the original huge as 12 megapixel size, auto-resize the short side of the image with proportions locked and then allow the user to crop the remaining with a locked size so in the end I get a 300px by 300px profile picture. Any suggestions?

Nolgthorn posted:

Something like this?

https://foliotek.github.io/Croppie/

If you have a bit of JS expertise you might be best off allowing the user to crop their photo before uploading a huge file. This can be done using canvas, loading the image into it, allowing them to move it around. The image can then be extracted from the canvas and sent with a post request to the server.

You'll have to do some reading on canvas to make that happen.

hooah posted:

Any suggestions on a React course/tutorial (with optional Redux) that is neither 100% "watch me code" nor 100% "figure everything out yourself"? I liked the Google Android course on... edX maybe? They taught you some stuff by example, then you had to transfer that somewhat for the project at hand.

hooah posted:

Any suggestions on a React course/tutorial (with optional Redux) that is neither 100% "watch me code" nor 100% "figure everything out yourself"? I liked the Google Android course on... edX maybe? They taught you some stuff by example, then you had to transfer that somewhat for the project at hand.

ddiddles posted:

This one is pretty good: https://www.udemy.com/react-redux/learn/v4/overview

Though I got it on sale for $10, it's not worth that much more than that.

I guess its on sale now for $19, it's worth that.

Grump posted:

God i just took a coding test for an interview and i'm only realizing now comparing two arrays is such a pain in JS

I just turned them into strings and compared them that way but not sure if there's a better way

Grump posted:

God i just took a coding test for an interview and i'm only realizing now comparing two arrays is such a pain in JS

I just turned them into strings and compared them that way but not sure if there's a better way