Beiträge von Flo1404
-
-
So schaut es mit right aus.
Es erfolgt kein Umbruch nach den einzelnen Worten.
Basti man muss nicht immer der beste sein man muss nur die richtige Idee im richtigen Moment haben
Trotzdem danke für deine Idee
-
Code
Alles anzeigenimport React, { Component, PropTypes } from "react"; import { bindActionCreators } from "redux"; import { connect } from "react-redux"; import { load } from "redux/modules/info"; @connect( state => ({ info: state.info.data }), dispatch => bindActionCreators({ load }, dispatch) ) export default class InfoBar extends Component { static propTypes = { info: PropTypes.object, load: PropTypes.func.isRequired }; render() { const { info, load } = this.props; // eslint-disable-line no-shadow const styles = require("./InfoBar.scss"); return ( <div className={styles.infoBar + "well"}> <table className="table1"> <thead> <tr> <th>Username</th> <th>b2b-Id</th> <th>Kategorie</th> <th>Format</th> <th>Job-Typ</th> <th>Keyword</th> <th>Passwort</th> <th>Refresh</th> <th>Quelle</th> </tr> </thead> <tbody> {info ? ( info.feed_configs.map(el => ( <tr key={el.username}> <td>{el.username || "N.A."}</td> <td>{el.b2b_ids || "N.A."}</td> <td>{el.categories || "N.A."}</td> <td>{el.formatter || "Standard"}</td> <td>{el.job_types || "Standard"}</td> <td>{el.keywords || "Standard"}</td> <td>{el.password || "N.A."}</td> <td>{el.refreshable || "Standard"}</td> <td>{el.sources || "Standard"}</td> </tr> )) ) : null} </tbody> </table> <br /> <div className="container"> {" "} <strong>{info ? info.message : "Aktualisieren!"}</strong> <button className="btn btn-primary" onClick={load}> Aktualisieren </button> </div> </div> ); } }
Das ist jetzt das react konstrukt das die Tabelle erzeugt und auf den Array zugreift.
Code
Alles anzeigenconst result = []; const rows = info.feed_configs; rows.forEach(el => { if (el.sources) { el.sources.forEach(source => { if (result.indexOf(source) === -1) { result.push(source); } }); } });
Und das ist das womit ich Sources extrahiere, das muss denke ich unter die andere const geschichte, der erzeugte Array
muss bei :
<td>{el.sources || "Standard"}</td>
noch irgendwie aufgerufen werden. Dann denke ich habe ich zumindest schon mal alle verfügbaren Sources.
-
Hallo Basti,
Code
Alles anzeigen.infoBar { font-variant: italics; } .time { margin: 0 30px; } table { margin-left:auto;margin-right:auto; border-collapse: collapse; border: 1px solid; margin: 2em; } tr { border-top: 1px solid; border-bottom: 1px solid; } tr:first-child { border-top: 0 none; } th, td { padding: 1em; } thead tr, tr:nth-child(even) { background-color: lightgrey; } th { font-size: 1.2em; } tbody th { text-align: left; } code { font-size: 1.2em; } td:last-child { min-width: 180px; text-align: right; }
Ich denke nicht das es an der CSS liegt,
weil der Datensatz kommt als ein Wort an
Aus --> JobNinjaJobNinjaMarkdownRandstadKarrierePlaceSteinbeisScorePersonalFYESEGPersonalJobCafeElkeBodePlusPersonal soll
JobNinja
JobNinjaMarkdown
Randstad
KarrierePlace
Steinbeis
ScorePersonal
FYESEGPersonal
JobCafe
ElkeBode
PlusPersonal
werden, im weiteren Fortgang muss ich das dann mittels React in HTML rendern
das dann eine Liste entsteht die ungefähr so aussieht, und in der Tabelle rechts drin steht
[] JobNinja
[] JobNinjaMarkdown
[] Randstad
[] KarrierePlace
[] Steinbeis
[] ScorePersonal
[] FYESEGPersonal
[] JobCafe
[] ElkeBode
[] PlusPersonal
-
Hallo Sempervivum,
Danke für deine Antwort.
ich soll aus diesem Array nur die "sources" rausnehmen und in der zweiten schleife soll nachgeprüft werden ob diese Source in einem neuen Array schon vorhanden ist, wenn ja dann ok wenn nicht dann ergänzen.
ich hab mir jetzt folgendes überlegt dazu.
Code
Alles anzeigenlet result = []; // erstellen des neuen Array in dem Source abgelegt wird let rows = info.feed_configs; rows.forEach(el => { // schleife die nach Objekt sources sucht if (el.sources) { el.sources.forEach(source => { // wenn source vorhanden prüfen was drin steht if (result.indexOf(source) === -1) { // wenn nichts in Source steht result.push(source); // Ergebnis in result Array pushen. } }); } });
das läuft auf repl.it auch wunderbar wenn ich das Array in ner Variablen anbiete.
Das ganze soll aber in eine HTML Tabelle ausgegeben werden Screenshot der Tabelle
Rechts sieht man das Desaster das soll untereinander stehen
-
Hallo
ich hab mich jetzt hier mal angemeldet und wollte erst mal ein nettes Hallo in die Runde werfen ehe ich mich meinem Problem widme
Ich fange gerade an mich intensiver mit JS zu beschäftigen und stehe vor einem Problem, ich bekomme vom Server ein Array (Ausschnitt unten)
{"feed_configs": [{"formatter": "rss", "max": 100, "username": "google_newest", "refreshable": false, "password": "!newest!"}, {"formatter": "google", "max": 100, "username": "google_newest_sitemap", "refreshable": false, "password": "!newest_sitemap!"}, {"sources": ["Job", "JobMarkdown", "Randstad", "KarrierePlace", "Steinbeis", "ScorePersonal", "FYE", "SEGPersonal", "JobCafe", "ElkeBode", "PlusPersonal"], "username": "indeed", "password": "!indeed!"}
nun soll ich eine Tabelle aus diesen Daten erzeugen, soweit so gut klappt das Tabelle wird ordentlich gefüllt, aber bei "Sources" gibt es auch mehrfache einträge, diese werden im Augenblick noch ganz stumpf wie ein String nacheinaner ohne leerstelle etc dargestellt.
Es soll nun folgendermaßen aussehen, die Sources sollen untereinander aufgeschlüsselt werden und es soll eine Checkbox davor.
[] Job
[] jobmarkdown
[] Randstad
..
Ich hab mir schon einen Knoten ins Hirn gemacht, vll steht einer von euch nicht wie ich gerade völlig auf dem Schlauch
Danke schonmal
Grüße Flo