|
Hi, I have an ember hbs component, in which we have table, in which the value of a td should be decided depending upon the value of the previous td, here is my hbs code, any help please?
<div class="row">
<div class="col-md-12">
{{#if model.novs}}
<table class="table table-striped">
<thead>
<tr>
<th>Notice#</th>
<th>Type</th>
<th>Violation</th>
<th>Inspection Item</th>
<th>
Action
</th>
</tr>
</thead>
<tbody>
{{#each model.novs as |nov index|}}
<tr>
<td>{{nov.NOVNumber}}</td>
<td>{{nov.NOVNoticeTypeName}} {{nov.ViolationTypeName}}</td>
<td>
{{#each nov.Violations as |novv index|}}
{{novv.ViolationNumber}}
{{novv.Year}}
{{novv.Make}}
{{novv.Model}}
{{#if novv.Vin}}(VIN#:
{{novv.Vin}})
{{/if}}
<br />
{{/each}}
</td>
<td>
{{#each model.result.items as |novi index|}}
{{novi.itemNum}}
<br />
{{/each}}
</td>
<td>
{{#if isResCompletedStatus}}
<div class="btn btn-xs btn-default" onclick={{action "editNov" nov.NOVId}}>
class="fa fa-eye">
<div class="btn btn-xs btn-default" onclick={{action "generatePreCase" nov.NOVId }}>
^__i class="fa fa-file">
Generate Investigation
</div>
{{else}}
<div class="btn btn-xs btn-default" onclick={{action "editNov" nov.NOVId}}>
^__i class="fa fa-edit">
Edit Notice
</div>
{{/if}}
</td>
</tr>
{{/each}}
</tbody>
</table>
{{else}}
{{#unless isResCompletedStatus}}
{{#link-to 'result.details.nov.details' 0 disabled=isResFormDisabledBoolean}}
<div class="well text-center no-margin">
Click here to add a Notice.
</div>
{{/link-to}}
{{else}}
<div class="well text-center no-margin">
No notices...
</div>
{{/unless}}
{{/if}}
</div>
</div>
In the above code, the model.result.items has Violation element, how can I display the novi.itemNum for the novv.ViolationNumber that is displayed, any help please - thanks in advance.
|
|
|
|
|
I understand your question but you posted too much HTML for me to figure out which "td" element your referring to, and you have no comments. Why post so much HTML?
Keep in mind that we can't read your mind when you post your troubled thoughts, and you have to help us along to tell the story again.
But on the other hand, it's really about working within the limitations of React, and using React HTML operators like "if", "switch" and so forth or building a better model to start with. If it's a violationType, then switch with that. I'm sure React has some support for containers and sections to hold the proper HTML based on a violationType for example.
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
Yes I understand it, but I figured out that
|
|
|
|
|
js code that avoid plagiarism based on string
|
|
|
|
|
Sorry, but this is not a question.
"Five fruits and vegetables a day? What a joke!
Personally, after the third watermelon, I'm full."
|
|
|
|
|
It could be a crossword clue.
|
|
|
|
|
"Five fruits and vegetables a day? What a joke!
Personally, after the third watermelon, I'm full."
|
|
|
|
|
Or a thought experiment...he appears to be using plagiarism to stop plagiarism.
|
|
|
|
|
There are multiple ways that you can perform plagiarism detection using string inputs. One popular method is to use search engines to use search engines to do this for you; this isn't a terribly efficient mechanism because search engines can end up choking on really large input text, meaning you would tend to look for suspicious phrases that don't seem to be in keeping with the language used in the rest of the text. If you were to roll your own plagiarism detection code, you would end up using something like affinity analysis[^] but this requires you to have a sufficiently large dataset to check the work against (this is why most people tend to search Google/Bing/DuckDuckGo, because they already have these massive datasets).
|
|
|
|
|
This is the first time i've posted on this website, so if i'm doing something wrong just let me know. Anyways, I'm having a problem getting my geolocation to work. I absolutely cannot figure out what the problem is. Without the geolocation bit of code, the default location, markers, and such work fine. Then when I try to add in the geolocation the map won't appear at all and just the button appears.
<pre><div id="map"> </div>
<script>
var map;
function initMap() {
var myLatLng = {lat: 41.413118, lng: -82.072537}
map = new google.maps.Map(document.getElementById('map'), {
center: myLatLng,
zoom: 18
});
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'My Location'
});
var marker = new google.maps.Marker({
position: {lat: 41.412726, lng: -82.072047},
map: map,
title: 'PS Building',
label: {text:'PS Building'}
});
infoWindow = new google.maps.InfoWindow;
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
var marker = new google.maps.Marker({
position: pos,
map: map,
title: 'Your Location'
});
infoWindow.setPosition(pos);
infoWindow.open(map);
map.setCenter(pos);
}, function() {
handleLocationError(true, infoWindow, map.getCenter());
});
} else {
handleLocationError(false, infoWindow, map.getCenter());
}
}
function handleLocationError(browserHasGeolocation, infoWindow, pos) {
infoWindow.setPosition(pos);
infoWindow.setContent(browserHasGeolocation ?
'Error: The Geolocation service failed.' :
'Error: Your browser doesn\'t support
geolocation.');
infoWindow.open(map);
}
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=
KEY&callback=initMap"
async defer></script>
<form>
<input type="button" onclick="GetLocation();" value="click"/>
</form>
|
|
|
|
|
Why are you repeating this question? It's been answered, below. (Though you may also need to put
'Error: Your browser doesn\'t support
geolocation.');
on one line first, if that's not just a formatting issue on this site.)
And your
onclick="GetLocation();" attached to the button won't do anything unless you define a function with that name in your script.
|
|
|
|
|
This is the first time i've posted on this website, so if i'm doing something wrong just let me know. Anyways, I'm having a problem getting my geolocation to work. I absolutely cannot figure out what the problem is. Without the geolocation bit of code, the default location, markers, and such work fine. Then when I try to add in the geolocation the map won't appear at all and just the button appears.
<pre><div id="map"> </div>
<script>
var map;
function initMap() {
var myLatLng = {lat: 41.413118, lng: -82.072537}
map = new google.maps.Map(document.getElementById('map'), {
center: myLatLng,
zoom: 18
});
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'My Location'
});
var marker = new google.maps.Marker({
position: {lat: 41.412726, lng: -82.072047},
map: map,
title: 'PS Building',
label: {text:'PS Building'}
});
infoWindow = new google.maps.InfoWindow;
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
var marker = new google.maps.Marker({
position: pos,
map: map,
title: 'Your Location'
});
infoWindow.setPosition(pos);
infoWindow.open(map);
map.setCenter(pos);
}, function() {
handleLocationError(true, infoWindow, map.getCenter());
});
} else {
handleLocationError(false, infoWindow, map.getCenter());
}
}
function handleLocationError(browserHasGeolocation, infoWindow, pos) {
infoWindow.setPosition(pos);
infoWindow.setContent(browserHasGeolocation ?
'Error: The Geolocation service failed.' :
'Error: Your browser doesn\'t support
geolocation.');
infoWindow.open(map);
}
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=
AIzaSyCyO4aFysnjiQ9DO5VSDSJ_DtPd6O9mkDI&callback=initMap"
async defer></script>
<form>
<input type="button" onclick="GetLocation();" value="click"/>
</form>
|
|
|
|
|
One glaring issue:
infoWindow = new google.maps.InfoWindow;
You never declare the variable, and you need the constructor when calling it, so...
var infoWindow = new google.maps.InfoWindow();
All of this should be visible as errors in your javascript console. Are you not using browser Dev tools to debug?
Edit: Stupids
"Never attribute to malice that which can be explained by stupidity."
- Hanlon's Razor
modified 29-Oct-19 8:47am.
|
|
|
|
|
Javascript doesn't require that variables are declared before they're used, unless you enable "strict" mode[^].
It also doesn't always require the parentheses when calling a constructor. For example, foo = new Date; seems to work fine without any errors or warnings.
Basically, Javascript is the VB6 of the web. 
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Haven't worked outside of strict mode in ages, forgot about that bunk.
"Never attribute to malice that which can be explained by stupidity."
- Hanlon's Razor
|
|
|
|
|
Your very final closing curly } is extraneous - just get rid of that and your code will work.
btwm, you ought to hide yor API key - or at least go to your Gogole account and restrict its use to your IP address. As it is, anyone can use it....
|
|
|
|
|
Hi, I have a Component called Dashboard which is opening a modal dialog, what I want is, I want to open an external url like google.com in that modal dialog, what user enters in the search textbox I want to capture it into my parent Window or component, is that possible, if it is not from google.com, then some other url, is it possible using React JS/React native?
Here is Dashboard component code:
import React, { Component } from "react";
import ReactDOM from "react-dom";
import { Modal } from './Modal';
class Dashboard extends React.Component {
state = { show: false };
showModal = () => {
this.setState({ show: true });
};
hideModal = () => {
this.setState({ show: false });
};
render() {
return (
<main>
<h1>React Modal</h1>
<Modal show={this.state.show} handleClose={this.hideModal}>
<p>Modal</p>
<p>Data</p>
</Modal>
<button type="button" onClick={this.showModal}>
open
</button>
</main>
);
}
}
export default Dashboard;
Here is my Modal js code
import React, { Component } from "react";
import './ModalSS.css';
export const Modal = ({ handleClose, show, children }) => {
const showHideClassName = show ? "modal display-block" : "modal display-none";
return (
<div className={showHideClassName}>
<section className="modal-main">
{children}
<button onClick={handleClose}>close</button>
</section>
</div>
);
}
Here is my CSS:
body {
}
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.modal-main {
position: fixed;
background: white;
width: 80%;
height: 80%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.display-block {
display: block;
}
.display-none {
display: none;
}
Any idea how can I load a new external url in this modal and when user enters values and clicks on search or submit, it closes the modal and sends some of the information to the end parent component. Is it possible, if yes how can I do it - any help please - thanks in advance.
|
|
|
|
|
I do stuff like that in WinForms using HTML Agility Pack or the Browser Object.
I know in .Net Core, I can probably NuGet HTML Agility Pack, and do it from the controller.
Like get the Url of the page, do a coded socket connection to that Url, and take the HTTP/200 response document.
Then Agility Pack the textbox for the query. But how do you trigger the page change to start the process in the client and send it to the API.
Well the query will be sent to Google, and be the querystring Q. You can get it there.
Someone is going to have to think it out clearly, and model and test it to come up with a solution. Doing it all on the client side would require some serious critical thinking, and I don't have a need for it.
Good Luck!
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
jkirkerx wrote: Good Luck!
Thanks
|
|
|
|
|
Hi, I am just checking, is the MS Blazor going to be the next Client-side programming tool from MS. I heard it uses C# to write even client side coding, if it is, will it come with Garbage Collection too, that, the current JS frameworks may leave memory leaks, will this Blazor do the memory cleaning as C# does with managed code? Any discussion or any opinions here buddies?
|
|
|
|
|
It's been my experience over the last 16 years of Webforms, Razor, pretty much any Microsoft Web GUI technology to not touch it even with a 10 foot pole. I'll wait for someone else to try it and talk about first and see what they say.
I suppose if one is still using Razor, and wants to get sort of Angular, React like in design, jumping to Blazer may offer a fast solution to learn and deploy.
But most developers haven't even adopted my thoughts of "JQuery is dead", and haven't transitioned to a non JQuery environment or framework. So I can't see those folks giving it up, or being able to pry JQuery out of their hands.
As far as Garbage collection goes, that's another subject that I'm not an expert on, and just OK at. I think Richard is the King of that!
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
jkirkerx wrote: But most developers haven't even adopted my thoughts of "JQuery is dead",
Is it dead?
Yeah I am also seeing that in various situations, they will fight till the end to prove jQuery is best - its OK, we all are the same, I am also like you, I will wait until it picks-up little bit in the market at least, its hard to jump-in here and there. Thanks for answering buddy
|
|
|
|
|
I go to these meet-ups, and listen to experts, and they say that modern browsers all support modern JavaScript. Modern browsers had a mandate to support certain features by a certain year, which was over 6 years ago I think. Modern Javascript does everything JQuery does and better. The argument is that there is no need to have a 4Mb payload to support JQuery, that adds to the initial first page download.
So using a popular library like popper, tether and animate that requires the huge JQuery payload can be replaced with a Modern JavaScript library that is much smaller like 14K, and JavaScript is builtin to the browser to support it.
JQuery was needed when it came out and made life easier, but it's no longer required. For me, making the transition from JQuery to JavaScript was really hard to do.
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
This is a much bigger question than a simple forum post can really do justice to. Let's start by breaking down your statement:simpledeveloper wrote: is the MS Blazor going to be the next Client-side programming tool from MS
Given that it's due for version 1 release early next year, I would say that this is a fairly safe assumption to make.simpledeveloper wrote: I heard it uses C# to write even client side coding
That's correct, but possibly not in the way you are imagining here. We need to start here by understanding that Blazor is targeting web assembly, which we can think of as, effectively, assembly language for browsers. So the C# code targets web assembly (aka WASM), which runs in the browser.simpledeveloper wrote: will it come with Garbage Collection too
This is where things get tricky, and why thinking of C# in the way you are used to is more complicated. Blazor does load the garbage collector into wasm (unless things have changed recently, this is the Mono garbage collector), but that is only going to cope with the managed side of the application; what we don't get from web assembly is direct access to the DOM, so we have to rely on a JavaScript interop layer interacting with the DOM, and this is still susceptible to leaks,
|
|
|
|
|
Much better thank you so much my friend 
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
