- {feedItems}
+
+ )
+ }
+}
+
+export default BlogFeedContainer;
diff --git a/httpdocs/theme/react/opendesktop-home/ChatContainer.js b/httpdocs/theme/react/opendesktop-home/ChatContainer.js
new file mode 100644
index 000000000..13118956c
--- /dev/null
+++ b/httpdocs/theme/react/opendesktop-home/ChatContainer.js
@@ -0,0 +1,93 @@
+import React, { Component } from 'react';
+
+class ChatContainer extends Component {
+
+ constructor(props){
+ super(props);
+ this.access_token = 'MDAyMmxvY2F0aW9uIGNoYXQub3BlbmRlc2t0b3Aub3JnCjAwMTNpZGVudGlmaWVyIGtleQowMDEwY2lkIGdlbiA9IDEKMDAzM2NpZCB1c2VyX2lkID0gQG1hZ2dpZWRvbmc6Y2hhdC5vcGVuZGVza3RvcC5vcmcKMDAxNmNpZCB0eXBlID0gYWNjZXNzCjAwMjFjaWQgbm9uY2UgPSBnMSxnRUA2c3AuKyxtYSx4CjAwMmZzaWduYXR1cmUgc3LtmFDiz7wU0TVOdGS7EbEg0wnXVKwXxNqkqe5qpCAK';
+ this.avatarUrl= 'https://chat.opendesktop.org/_matrix/media/v1/thumbnail';
+ this.roomPublicUrl='https://chat.opendesktop.org/_matrix/client/unstable/publicRooms';
+ this.roomsUrl= 'https://chat.opendesktop.org/_matrix/client/unstable/rooms/';
+ this.roomUrl='https://chat.opendesktop.org/#/room/';
+ this.state = {items:[]};
+ }
+
+ componentDidMount() {
+ const urlRooms = `${this.roomPublicUrl}?access_token=${this.access_token}`;
+ const urlMembers = this.roomsUrl;
+ fetch(urlRooms)
+ .then(response => response.json())
+ .then(data => {
+ data.chunk.map((fi,index) => {
+ let url = urlMembers+fi.room_id+`/joined_members?access_token=${this.access_token}`;
+ return fetch(url)
+ .then(response => response.json())
+ .then(data => {
+ var arr = [];
+ for (var key in data.joined) {
+ arr.push(data.joined[key]);
+ }
+ fi.members = arr;
+ let items = this.state.items.concat(fi);
+ this.setState({items:items});
+ })
+ });
+ });
+
+
+ // $.getJSON("https://chat.opendesktop.org/_matrix/client/unstable/publicRooms?access_token=MDAyMmxvY2F0aW9uIGNoYXQub3BlbmRlc2t0b3Aub3JnCjAwMTNpZGVudGlmaWVyIGtleQowMDEwY2lkIGdlbiA9IDEKMDAzN2NpZCB1c2VyX2lkID0gQGtpbWltcG9zc2libGUyOmNoYXQub3BlbmRlc2t0b3Aub3JnCjAwMTZjaWQgdHlwZSA9IGFjY2VzcwowMDIxY2lkIG5vbmNlID0gV2RFWmEuZ343eGx2a1czMQowMDJmc2lnbmF0dXJlICcmEgjLFNY7i2wHGT84mPr1eH4F6vNjTm3s8zZ4ZQVkCg", function (res) {
+ // self.setState({items:res.chunk});
+ // });
+ }
+
+ render(){
+ let container;
+ if (this.state.items){
+ const feedItems = this.state.items.map((fi,index) => {
+ let members;
+ if(fi.members){
+ members = fi.members.slice(0,4).map((m,index) => {
+ let imgAvatar;
+ if(m.avatar_url){
+ imgAvatar = Forum
+ {feedItemsContainer}
+
+ {imgAvatar}
+
+ )
+ }
+ );
+
+
+ // members = fi.members.map((m,index) => (
+ //
+ {m.display_name}
+
+
+ // {m.display_name}
+ //
+ // ));
+ }
+ return (
+ - {feedItems}
+
+ )
+ }
+}
+
+export default ChatContainer;
diff --git a/httpdocs/theme/react/opendesktop-home/ChatMember.js b/httpdocs/theme/react/opendesktop-home/ChatMember.js
new file mode 100644
index 000000000..d4ee063bf
--- /dev/null
+++ b/httpdocs/theme/react/opendesktop-home/ChatMember.js
@@ -0,0 +1,12 @@
+import React from 'react';
+
+function ChatMember(props) {
+ return (
+ Riot Chat
+ {container}
+
+ 
+ {props.display_name}
+
;
+ )
+}
+
+export default ChatMember;
diff --git a/httpdocs/theme/react/opendesktop-home/CommentsContainer.js b/httpdocs/theme/react/opendesktop-home/CommentsContainer.js
new file mode 100644
index 000000000..1e2396c2c
--- /dev/null
+++ b/httpdocs/theme/react/opendesktop-home/CommentsContainer.js
@@ -0,0 +1,37 @@
+import React, { Component } from 'react';
+import TimeAgo from 'react-timeago';
+class CommentsContainer extends React.Component {
+ render(){
+ let commentsContainer;
+ if (this.props.comments){
+ const comments = this.props.comments.map((cm,index) => (
+ - {comments}
+
+ )
+ }
+}
+
+export default CommentsContainer;
diff --git a/httpdocs/theme/react/opendesktop-home/DrawerOpenRight.js b/httpdocs/theme/react/opendesktop-home/DrawerOpenRight.js
new file mode 100644
index 000000000..9616203c9
--- /dev/null
+++ b/httpdocs/theme/react/opendesktop-home/DrawerOpenRight.js
@@ -0,0 +1,33 @@
+import React from 'react';
+import Drawer from '@material-ui/core/Drawer';
+import AppBar from '@material-ui/core/AppBar';
+import Button from '@material-ui/core/Button';
+
+class DrawerOpenRight extends React.Component {
+
+ constructor(props) {
+ super(props);
+ this.state = {open: false};
+ this.handleToggle=this.handleToggle.bind(this);
+ }
+
+ handleToggle(){
+ this.setState({open: !this.state.open});
+ }
+
+ render() {
+ return (
+ Comments
+ {commentsContainer}
+
+
+
+
+
+ );
+ }
+}
+
+export default DrawerOpenRight;
diff --git a/httpdocs/theme/react/opendesktop-home/HomeMainContainer.js b/httpdocs/theme/react/opendesktop-home/HomeMainContainer.js
new file mode 100644
index 000000000..f4f3ca7bb
--- /dev/null
+++ b/httpdocs/theme/react/opendesktop-home/HomeMainContainer.js
@@ -0,0 +1,38 @@
+import React, { Component } from 'react';
+import RssNewsContainer from './RssNewsContainer';
+import BlogFeedContainer from './BlogFeedContainer';
+import CommentsContainer from './CommentsContainer';
+import ProductsContainer from './ProductsContainer';
+import ChatContainer from './ChatContainer';
+import ProductsGitContainer from './ProductsGitContainer';
+
+class HomeMainContainer extends Component {
+ constructor(props){
+ super(props);
+ this.state ={...window.data};
+ }
+ render() {
+ return (
+
+
+
+ );
+ }
+}
+export default HomeMainContainer;
diff --git a/httpdocs/theme/react/opendesktop-home/Product.js b/httpdocs/theme/react/opendesktop-home/Product.js
new file mode 100644
index 000000000..2f099ea84
--- /dev/null
+++ b/httpdocs/theme/react/opendesktop-home/Product.js
@@ -0,0 +1,48 @@
+import React, { Component } from 'react';
+import TimeAgo from 'react-timeago';
+
+class Product extends React.Component {
+ render(){
+ let projectUrl = "/p/"+this.props.product.project_id;
+ const createdDate = this.props.product.changed_at?this.props.product.changed_at:this.props.product.created_at;
+ const scoreDisplay=(
+
+
+ Welcome to opendesktop
+
+
+
+
+
+
+
+
+
+ );
+
+ const productInfoDisplay = (
+
+ );
+
+
+ return (
+
+ )
+ }
+}
+
+export default Product;
diff --git a/httpdocs/theme/react/opendesktop-home/ProductGit.js b/httpdocs/theme/react/opendesktop-home/ProductGit.js
new file mode 100644
index 000000000..736525611
--- /dev/null
+++ b/httpdocs/theme/react/opendesktop-home/ProductGit.js
@@ -0,0 +1,71 @@
+import React, { Component } from 'react';
+import TimeAgo from 'react-timeago';
+import TextTruncate from 'react-text-truncate';
+class ProductGit extends React.Component {
+ constructor(props){
+ super(props);
+ this.gitBaseUrl='https://git.opendesktop.org/';
+ }
+ render(){
+
+ const userDisplay =(
+
+
+ {this.props.product.laplace_score + "%"}
+
+
+
+
+ {this.props.product.name.substr(0,1)}
+ - {products}
+
+ )
+ }
+}
+
+export default ProductsContainer;
diff --git a/httpdocs/theme/react/opendesktop-home/ProductsGitContainer.js b/httpdocs/theme/react/opendesktop-home/ProductsGitContainer.js
new file mode 100644
index 000000000..b2c6508ad
--- /dev/null
+++ b/httpdocs/theme/react/opendesktop-home/ProductsGitContainer.js
@@ -0,0 +1,52 @@
+import React, { Component } from 'react';
+import ProductGit from './ProductGit';
+
+class ProductsGitContainer extends React.Component {
+ constructor(props){
+ super(props);
+ this.gitUrl='https://git.opendesktop.org/api/v4/projects?order_by=created_at&sort=desc&visibility=public&page=1&per_page=5';
+ this.gitUserUrl='https://git.opendesktop.org/api/v4/users?username=';
+ this.state = {items:[]};
+ }
+
+ componentDidMount() {
+ fetch(this.gitUrl)
+ .then(response => response.json())
+ .then(data => {
+ data.map((fi,index) => {
+ let url = this.gitUserUrl+fi.namespace.name;
+ return fetch(url)
+ .then(response => response.json())
+ .then(data => {
+ fi.user_avatar_url = data[0].avatar_url;
+ let items = this.state.items.concat(fi);
+ this.setState({items:items});
+ })
+ });
+ });
+ }
+
+ render(){
+ let container;
+ container = {this.props.title}
+ {container}
+ git-container
- {products}
+
+ )
+ }
+}
+
+export default ProductsGitContainer;
diff --git a/httpdocs/theme/react/opendesktop-home/RssNewsContainer.js b/httpdocs/theme/react/opendesktop-home/RssNewsContainer.js
new file mode 100644
index 000000000..70509fa57
--- /dev/null
+++ b/httpdocs/theme/react/opendesktop-home/RssNewsContainer.js
@@ -0,0 +1,44 @@
+import React, { Component } from 'react';
+import TimeAgo from 'react-timeago';
+class RssNewsContainer extends Component {
+ constructor(props){
+ super(props);
+ this.state = {};
+ }
+
+ componentDidMount() {
+ const self = this;
+ $.getJSON("https://blog.opendesktop.org/?json=1&callback=?", function (res) {
+ self.setState({items:res.posts});
+ });
+ }
+
+ render(){
+ let feedItemsContainer;
+ if (this.state.items){
+
+ const feedItems = this.state.items.slice(0,5).map((fi,index) => (
+ Git-Projects
+ {container}
+ - {feedItems}
+
+ )
+ }
+}
+
+export default RssNewsContainer;
diff --git a/httpdocs/theme/react/package.json b/httpdocs/theme/react/package.json
index 320772c09..3ae81f8a1 100644
--- a/httpdocs/theme/react/package.json
+++ b/httpdocs/theme/react/package.json
@@ -1,32 +1,33 @@
{
"name": "opendesktop-metaheader",
"version": "0.0.0",
"description": "opendesktop-metaheader Web Components",
"license": "AGPL-3.0",
"repository": "https://cgit.kde.org/ocs-webserver.git/",
"main": "src/metaheader.js",
"scripts": {
"dev": "webpack --mode development",
"build": "webpack --mode production",
"watch": "webpack --mode production --watch",
"babel": "npx babel src/metaheader --out-file metaheadertest.js"
},
"devDependencies": {
"@babel/cli": "^7.2.3",
"@babel/core": "^7.3.4",
"@babel/polyfill": "^7.2.5",
"@babel/preset-env": "^7.3.4",
"@babel/preset-react": "^7.0.0",
"@webcomponents/custom-elements": "*",
"axios": "^0.18.0",
"babel-loader": "*",
"react": "*",
"react-dom": "*",
"react-timeago": "^4.4.0",
"webpack": "*",
"webpack-cli": "*"
},
"dependencies": {
- "@material-ui/core": "^3.9.2"
+ "@material-ui/core": "^3.9.2",
+ "react-text-truncate": "^0.14.0"
}
}
News
+ {feedItemsContainer}
+