Stack overflow
count_row = df.shape[0] # Gives number of rows
count_col = df.shape[1] # Gives number of columns
Poor Partridge
count_row = df.shape[0] # Gives number of rows
count_col = df.shape[1] # Gives number of columnsclass App extends React.Component {
constructor (props) {
super(props);
this.state = {
limits: {
min: 1,
max: 100,
},
value: 50,
};
}
componentDidMount() {
this.setPositionRunner();
this.input.value = this.cutValue(this.input.value);
}
getPositionCenterRunnerX () {
let positionEvent = this.event.pageX - this.rangeElem.offsetLeft;
let newPositionEvent = positionEvent < 0 ? 0 : positionEvent;
return positionEvent > this.rangeElem.offsetWidth ? this.rangeElem.offsetWidth : newPositionEvent;
}
getLeft () {
let halfRunner = this.runner.offsetWidth / 2;
let left = this.event.pageX - this.rangeElem.offsetLeft - halfRunner;
let max = this.rangeElem.offsetWidth - halfRunner;
let newLeft = left < -halfRunner ? -halfRunner : left;
return left > max ? max : newLeft;
}
getValue() {
return Math.round(this.getPositionCenterRunnerX() / this.rangeElem.offsetWidth * (this.state.limits.max - this.state.limits.min) + this.state.limits.min);
}
setPositionRunner () {
let halfRunner = this.runner.offsetWidth / 2;
let positionCenter = Math.round((this.cutValue(this.state.value) - this.state.limits.min) / (this.state.limits.max - this.state.limits.min) * this.rangeElem.offsetWidth);
let left = positionCenter - halfRunner;
this.runner.style.left = `${left}px`;
}
moveRunner (event) {
this.event = event;
this.runner.style.left = `${this.getLeft()}px`;
let value = this.getValue();
this.setState({value});
}
onClick (event) {
this.moveRunner(event);
document.onmousemove = (event) => {
this.moveRunner(event);
};
document.onmouseup = () => {document.onmousemove = null;}
}
cutValue(value) {
value = value > this.state.limits.max ? this.state.limits.max : value;
value = value < this.state.limits.min ? this.state.limits.min : value;
return value;
}
onChangeInput (event) {
let value = event.currentTarget.value.match(/\d*/g).join('');
this.setState({value});
clearTimeout(this.timeOut);
this.timeOut = setTimeout(() => {
value = this.cutValue(value);
this.setState({value});
this.setPositionRunner();
}, 1000);
}
render () {
return (
<div className="slider">
<div
ref={element => this.rangeElem = element}
onClick={event => {this.onClick (event)}}
className="slider__range"
>
<div className="slider__runner" ref={element => this.runner = element} />
</div>
<div className="slider__view">
<p className="slider__limit">от {this.state.limits.min}</p>
<input
ref={element => this.input = element}
onChange={this.onChangeInput.bind(this)}
type="text"
className="slider__value"
value={this.state.value}
/>
<p className="slider__limit">до {this.state.limits.max}</p>
</div>
</div>
);
}
}
ReactDOM.render(
<App/>,
document.getElementById('root')
);Gives me the ability to do my job. <3 const [cours, setCours] = useState([]);
const [description, setDescription] = useState("")
const [title, setTitle] = useState("")
const coursHandle = (e) => { setCours([e.target.files]) }
const onsubmit = async (e) => {
e.preventDefault();
const formData = new FormData();
formData.append("description", description);
formData.append("title", title);
// cours.forEach((elem) => { formData.append("cours", elem) });
formData.append("cours", cours)
// for (let i = 0; i < cours.length; i++) {
// formData.append("cours", cours[i])
// }
await axios.post("http://localhost:5000/upload", formData)
.then((res) => console.log("successfully file post", res))
.catch((err) => console.log("error with file post", err))
}window.onload = function(){
//We use window.onload to check the window has loaded so we can target DOM elements
var namesArray = ["lars", "bo", "ib", "peter", "jan", "frederik"];
var list = namesArray.map(name=>"<li>"+name+"</li>");
var listAsStr ="<ul>" + list.join("") + "<ul>";
document.getElementById("list").innerHTML = listAsStr;
}yeah this is awesome . lol follow me on insta - kiritocode1SELECT
concat('<a target="_new" href=%%WWWROOT%%/course/view.php?id=',c.id,'">',c.fullname,'</a>') AS Course
,c.shortname,r.name
,(SELECT CONCAT(u.firstname,' ', u.lastname) AS Teacher
FROM prefix_role_assignments AS ra
JOIN prefix_context AS ctx ON ra.contextid = ctx.id
JOIN prefix_user AS u ON u.id = ra.userid
WHERE ra.roleid = 3 AND ctx.instanceid = c.id LIMIT 1) AS Teacher
,concat('<a target="_new" href="%%WWWROOT%%/mod/resource/view.php?id=',r.id,'">',r.name,'</a>') AS Resource
FROM prefix_resource AS r
JOIN prefix_course AS c ON r.course = c.id
WHERE r.reference LIKE 'https://stackoverflow.com/%'
.box {
border: 1px solid #500;
}
.block-div-margin {
margin: 10px 0;
display: block;
/*default div state*/
}
.inline-block-div-margin {
display: inline-block;
margin: 10px 0;
}
.my-div {
padding: 20px;
background: #EAEAEA;
border-bottom: 1px solid #999;
}
.my-other-div {
background: #D3E1E1;
padding: 0 20px 20px 20px;
}
.my-other-div-content {
margin-top: 20px;
}
.my-div-inline-block {
display: inline-block;
width: 100%;
box-sizing: border-box;
}<div index="0" aria-busy="false" aria-checked="false" aria-disabled="false" data-head="true" aria-label="09251561001.09251561001.1.31873860875, folder" aria-selected="false" class="option grid-row" role="option" id=":DOMLT_ELISYS:export:09251561001.09251561001.1.31873860875"><div class="name-data icon folder" id="id1027"><div class="progressbar" role="progressbar" aria-hidden="true" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"><div class="fill" role="presentation" style="width: 0%;"></div><div class="fill" role="presentation" style="width: 0%;"></div></div><a class="name-text" href="#"><span>09251561001.09251561001.1.31873860875</span></a></div><div id="cellId1028" class="date-data"></div><div id="cellId1029" class="size-data"></div></div>
class App extends React.Component {
constructor (props) {
super(props);
this.state = {
limits: {
min: 1,
max: 100,
},
value: 50,
};
}
componentDidMount() {
this.setPositionRunner();
this.input.value = this.cutValue(this.input.value);
}
getPositionCenterRunnerX () {
let positionEvent = this.event.pageX - this.rangeElem.offsetLeft;
let newPositionEvent = positionEvent < 0 ? 0 : positionEvent;
return positionEvent > this.rangeElem.offsetWidth ? this.rangeElem.offsetWidth : newPositionEvent;
}
getLeft () {
let halfRunner = this.runner.offsetWidth / 2;
let left = this.event.pageX - this.rangeElem.offsetLeft - halfRunner;
let max = this.rangeElem.offsetWidth - halfRunner;
let newLeft = left < -halfRunner ? -halfRunner : left;
return left > max ? max : newLeft;
}
getValue() {
return Math.round(this.getPositionCenterRunnerX() / this.rangeElem.offsetWidth * (this.state.limits.max - this.state.limits.min) + this.state.limits.min);
}
setPositionRunner () {
let halfRunner = this.runner.offsetWidth / 2;
let positionCenter = Math.round((this.cutValue(this.state.value) - this.state.limits.min) / (this.state.limits.max - this.state.limits.min) * this.rangeElem.offsetWidth);
let left = positionCenter - halfRunner;
this.runner.style.left = `${left}px`;
}
moveRunner (event) {
this.event = event;
this.runner.style.left = `${this.getLeft()}px`;
let value = this.getValue();
this.setState({value});
}
onClick (event) {
this.moveRunner(event);
document.onmousemove = (event) => {
this.moveRunner(event);
};
document.onmouseup = () => {document.onmousemove = null;}
}
cutValue(value) {
value = value > this.state.limits.max ? this.state.limits.max : value;
value = value < this.state.limits.min ? this.state.limits.min : value;
return value;
}
onChangeInput (event) {
let value = event.currentTarget.value.match(/\d*/g).join('');
this.setState({value});
clearTimeout(this.timeOut);
this.timeOut = setTimeout(() => {
value = this.cutValue(value);
this.setState({value});
this.setPositionRunner();
}, 1000);
}
render () {
return (
<div className="slider">
<div
ref={element => this.rangeElem = element}
onClick={event => {this.onClick (event)}}
className="slider__range"
>
<div className="slider__runner" ref={element => this.runner = element} />
</div>
<div className="slider__view">
<p className="slider__limit">от {this.state.limits.min}</p>
<input
ref={element => this.input = element}
onChange={this.onChangeInput.bind(this)}
type="text"
className="slider__value"
value={this.state.value}
/>
<p className="slider__limit">до {this.state.limits.max}</p>
</div>
</div>
);
}
}
ReactDOM.render(
<App/>,
document.getElementById('root')
);