-
- }
-
- let mobileMenuDisplay;
- if (this.state.status === "switch"){
- mobileMenuDisplay = (
-
- );
- } else if (this.state.status === "user"){
- mobileMenuDisplay = (
-
- )
- } else if (this.state.status === "search"){
- mobileMenuDisplay = (
-
- )
- }
-
- let logoElementCssClass = this.props.store.name;
- if (this.state.status !== "switch"){
- logoElementCssClass += " mini-version";
- }
-
- return(
-
-
- 
-
-
-
-
- {userDisplay}
-
- )
- }
-}
-
-export default MobileUserContainer;
diff --git a/httpdocs/theme/react/src/header/SiteHeader.js b/httpdocs/theme/react/src/header/SiteHeader.js
deleted file mode 100644
index d738e0f89..000000000
--- a/httpdocs/theme/react/src/header/SiteHeader.js
+++ /dev/null
@@ -1,150 +0,0 @@
-import React, { Component } from 'react';
-import MobileSiteHeader from './MobileSiteHeader';
-import SiteHeaderSearchForm from './SiteHeaderSearchForm';
-import Support from './Support';
-class SiteHeader extends Component {
- constructor(props){
- super(props);
- this.state = {
- baseUrl:window.json_baseurl,
- searchBaseUrl:window.json_searchbaseurl,
- cat_title:window.json_cat_title,
- hasIdentity:window.json_hasIdentity,
- is_show_title:window.json_is_show_title,
- redirectString:window.json_redirectString,
- serverUrl:window.json_serverUrl,
- serverUri:window.json_serverUri,
- store:{
- sName:window.json_sname,
- name:window.json_store_name,
- order:window.json_store_order,
- last_char_store_order:window.json_last_char_store_order,
- },
- user:window.json_member,
- logo:window.json_logoWidth,
- cat_title_left:window.json_cat_title_left,
- tabs_left:window.tabs_left,
- template:window.json_template,
- status:"",
- section:window.json_section,
- url_logout:window.json_logouturl
- };
- this.updateDimensions = this.updateDimensions.bind(this);
- }
-
- componentWillMount() {
- this.updateDimensions();
- }
-
- componentDidMount() {
- window.addEventListener("resize", this.updateDimensions);
- window.addEventListener("orientationchange",this.updateDimensions);
- }
-
- updateDimensions(){
- const width = window.innerWidth;
- let device;
- if (width >= 910){
- device = "large";
- } else if (width < 910 && width >= 610){
- device = "mid";
- } else if (width < 610){
- device = "tablet";
- }
- this.setState({device:device});
- }
-
- render(){
- let siteHeaderTopRightCssClass;
- let logoLink = this.state.serverUrl;
- if (this.state.serverUri.indexOf('/s/') > -1){
- logoLink += "/s/" + this.state.store.name;
- }
-
- let siteHeaderStoreNameDisplay;
- if (this.state.is_show_title === "1"){
- siteHeaderStoreNameDisplay = (
-
- );
- }
- let PlingDisplay;
- if(this.state.section)
- {
- PlingDisplay =
-
-
- }
-
- let HeaderDisplay;
- if (this.state.device !== "tablet"){
- let logoStyle = this.state.template['header-logo'];
- logoStyle.left="80px";
- HeaderDisplay = (
-
-
-
-
-
- 
-
-
- {siteHeaderStoreNameDisplay}
-
-
-
-
-
-
-
-
- )
- }
-}
-
-export default SiteHeaderSearchForm;
diff --git a/httpdocs/theme/react/src/header/Support.js b/httpdocs/theme/react/src/header/Support.js
deleted file mode 100644
index e0e41bbf1..000000000
--- a/httpdocs/theme/react/src/header/Support.js
+++ /dev/null
@@ -1,91 +0,0 @@
-import React, { Component } from 'react';
-class Support extends Component {
- constructor(props){
- super(props);
- this.state = {selected:'month'};
- this.handleClick = this.handleClick.bind(this);
- this.tabSwitch = this.tabSwitch.bind(this);
- }
-
- componentWillMount() {
- document.addEventListener('click',this.handleClick, false);
- }
-
- componentWillUnmount() {
- document.removeEventListener('click',this.handleClick, false);
- }
-
-
- handleClick(e){
-
- let dropdownClass = "";
- if (this.node.contains(e.target)){
- if(e.target.className === "header-supporters" )
- {
- // only btn click open dropdown
- if (this.state.dropdownClass === "open"){
- dropdownClass = "";
- }else{
- dropdownClass = "open";
- }
- }else{
- dropdownClass = "open";
- }
- }
- this.setState({dropdownClass:dropdownClass});
- }
-
- tabSwitch(selected)
- {
- this.setState({selected:selected});
- }
-
- render(){
- let supporters;
- if(this.props.section.supporters)
- {
- const sectioncontainer =
-
-
- // default show month panel
- let content = this.props.section.supporters.sort((a, b) => Number(a.active_months) < Number(b.active_months)).map((mg,i) => (
- -
-
- this.tabSwitch('month')} - > - Months - -
-
- ))
-
-
- const t = (
- {mg.active_months+' months'}
- {sectioncontainer}
- { content }
-
- )
-
- supporters = - {t}
-
- )
- }
-}
-
-export default Support;
diff --git a/httpdocs/theme/react/src/header/_SiteHeaderLoginMenu.js b/httpdocs/theme/react/src/header/_SiteHeaderLoginMenu.js
deleted file mode 100644
index e11c6baa9..000000000
--- a/httpdocs/theme/react/src/header/_SiteHeaderLoginMenu.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-
-class SiteHeaderLoginMenu extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- }
- render(){
-
- let registerButtonCssClass,
- loginButtonCssClass;
-
- if (window.location.href.indexOf('/register') > -1){
- registerButtonCssClass = "active";
- }
-
- if (window.location.href.indexOf('/login') > -1){
- loginButtonCssClass = "active";
- }
-
- const menuItemCssClass = {
- "borderColor":this.props.template['header-nav-tabs']['border-color'],
- "backgroundColor":this.props.template['header-nav-tabs']['background-color']
- }
- //
-
-
- this.node = node} className={'supporter-container '+this.state.dropdownClass }>
- {this.props.section ? this.props.section.name:''} {s} Supporters ⌄
- {supporters}
-
- -
-
- this.node = node} id="user-menu-toggle" className={this.state.dropdownClass}>
-
-
- {this.props.user.username} - - -
-
-
-
-
-
-
- openDesktop.org : - -
-
-
-
-
-
-
- {menuGroupsDisplayLeft}
-
- -
-
-
- {menuGroupsDisplayRight}
-
-
-
-
- Projects - {issuesMenuItem} - {gitfaqLinkItem} -
-
- {domainsDisplay}
-
-
-
- )
-}
-
-class UserMenu extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- }
-
- render(){
- let userDropdownDisplay, userAppsContextDisplay, developmentAppMenuDisplay;
- if (this.props.user && this.props.user.member_id){
- userDropdownDisplay = (
- -
-
- - - - Projects - - -
- - - - Issues - - - -
- - - - Chat - - -
- - - - Messages - - -
- - - - Contacts - - - -
- - - - Storage - - -
- - - - Docs - - - -
- - - - Calendar - - -
- - - - Music - - - -
-
-
- - - - Projects - - -
- - - - Issues - - -
- - - - Messages - - - -
-
- {contextMenuDisplay}
-
-
-
-
- -
-
- - - - Add Product - - -
- - - - Products - - -
- - - - Payout - - -
-
- {users}
-
search user
- ); - } - } - - return( -
-
-
- );
- }
-}
-
-class UserCommentsTab extends React.Component {
- constructor(props){
- super(props);
- this.state = {
- loading:true
- };
- this.getUserOdComments = this.getUserOdComments.bind(this);
- this.getUserForumComments = this.getUserForumComments.bind(this);
- }
-
- componentDidMount() {
- this.setState({odComments:[],forumComments:[],loading:true},function(){
- this.getUserOdComments();
- });
- }
-
- getUserOdComments(){
- const user = this.props.user;
- const self = this;
- const xhttp = new XMLHttpRequest();
- xhttp.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200) {
- const res = JSON.parse(this.response);
- self.setState({odComments:res.commentsOpendeskop,loading:false},function(){
- self.getUserForumComments();
- });
- }
- };
- xhttp.open("GET", "home/memberjson?member_id="+user.member_id, true);
- xhttp.send();
- }
-
- getUserForumComments(){
- const user = this.props.user;
- const self = this;
- const xhttp = new XMLHttpRequest();
- xhttp.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200) {
- const res = JSON.parse(this.response);
- self.setState({forumComments:res.user_actions,loading:false});
- }
- };
- xhttp.open("GET", "https://forum.opendesktop.cc/user_actions.json?offset=0&username=" + user.username + "&filter=5", true);
- xhttp.send();
- }
-
- render(){
- let contentDisplay;
- if (!this.state.loading){
- let odCommentsDisplay, forumCommentsDisplay;
- if (this.state.odComments.length > 0){
- odCommentsDisplay = (
-
- {tabContentDisplay}
-
-
- {odCommentsDisplay}
- {forumCommentsDisplay}
-
- )
-
- } else {
- contentDisplay = (
- loading
- );
- }
-
- return(
-
- {contentDisplay}
-
- )
- }
-}
-
-class UserSearchTab extends React.Component {
- constructor(props){
- super(props);
- this.state = {
- loading:true
- };
- this.getUserOdComments = this.getUserOdComments.bind(this);
- this.getUserForumComments = this.getUserForumComments.bind(this);
- }
-
- componentDidMount() {
- this.setState({odComments:[],forumComments:[],loading:true},function(){
- this.getUserOdComments();
- });
- }
-
- getUserOdComments(){
- const user = this.props.user;
- const self = this;
- const xhttp = new XMLHttpRequest();
- xhttp.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200) {
- const res = JSON.parse(this.response);
- self.setState({odComments:res.commentsOpendeskop,loading:false},function(){
- self.getUserForumComments();
- });
- } else {
- console.log('what happends here');
- console.log(this);
- }
- };
- xhttp.open("GET", "home/memberjson?member_id="+user.member_id, true);
- xhttp.send();
- }
-
- getUserForumComments(){
- const user = this.props.user;
- const self = this;
- const xhttp = new XMLHttpRequest();
- xhttp.onreadystatechange = function() {
- console.log('this ');
- if (this.readyState == 4 && this.status == 200) {
- const res = JSON.parse(this.response);
- self.setState({forumComments:res.user_actions,loading:false});
- }
- };
- xhttp.open("GET", "https://forum.opendesktop.cc/user_actions.json?offset=0&username=" + user.username + "&filter=5", true);
- xhttp.send();
- }
-
- render(){
- let contentDisplay;
- if (!this.state.loading){
- let odCommentsDisplay, forumCommentsDisplay;
- if (this.state.odComments.length > 0){
- odCommentsDisplay = (
-
- {odCommentsDisplay}
- {forumCommentsDisplay}
-
- )
-
- } else {
- contentDisplay = (
- loading
- );
- }
-
- return(
-
- {contentDisplay}
-
- )
- }
-}
-
-class UserCommentsTabThreadsContainer extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- }
-
- componentDidMount() {
- let siteInfo;
- if (this.props.type === 'od'){
- siteInfo = {
- address:'openDesktop.org',
- url:'https://www.opendesktop.org'
- }
- } else if (this.props.type === 'forum'){
- siteInfo = {
- address:'forum',
- url:'https://forum.opendesktop.org'
- }
- }
-
- let threads = [];
- this.props.comments.forEach(function(c,index){
- if (threads.indexOf(c.title) === -1){
- const thread = {
- title:c.title,
- id:c.project_id
- }
- threads.push(thread)
- }
- });
-
- this.setState({siteInfo:siteInfo,comments:this.props.comments,threads:threads});
- }
-
- render(){
- const t = this.state.siteInfo;
- const comments = this.state.comments;
- const user = this.props.user;
- let headerDisplay, threadsDisplay, threadCommentsDisplay;
- if (this.state.threads){
- threadsDisplay = this.state.threads.map((tr,index) => (
-
-
- );
- }
-
- return (
-
-
- {threadsDisplay}
- Discussion on {this.state.siteInfo.address}
-{this.state.comments.length} comments
-
- {headerDisplay}
-
- )
- }
-}
-
-class UserCommentsTabThread extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- this.filterCommentsByThread = this.filterCommentsByThread.bind(this);
- }
-
- filterCommentsByThread(comment){
- if (comment.title === this.props.thread.title){
- return comment;
- }
- }
-
- render(){
- let commentsDisplay;
- if (this.props.comments){
- const user = this.props.user;
- commentsDisplay = this.props.comments.filter(this.filterCommentsByThread).map((c,index) => (
-
- {threadCommentsDisplay}
-
-
-
-
- );
- }
-}
-
-class UserCommentsTabThreadCommentItem extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- }
-
- render(){
- const c = this.props.comment;
- const user = this.props.user;
- let repliedUsernameDisplay;
- if (c.p_comment_member_id){
- repliedUsernameDisplay = ( )
- }
-
- let userImage = user.avatar;
- if (this.props.uType === 'search'){
- userImage = user.profile_image_url;
- }
-
- return (
-
- )
- }
-}
-
-/** MOBILE SPECIFIC **/
-
-class MobileLeftMenu extends React.Component {
- constructor(props){
- super(props);
- this.state = {
- overlayClass:""
- };
- this.toggleLeftSideOverlay = this.toggleLeftSideOverlay.bind(this);
- this.handleClick = this.handleClick.bind(this);
- }
-
- componentWillMount() {
- window.addEventListener('mousedown',this.handleClick, false);
- window.addEventListener('touchend', this.handleClick, false);
- }
-
- componentWillUnmount() {
- window.removeEventListener('mousedown',this.handleClick, false);
- window.addEventListener('touchend', this.handleClick, false);
- }
-
- toggleLeftSideOverlay(){
- let overlayClass = "open";
- if (this.state.overlayClass === "open") {
- overlayClass = "";
- }
- this.setState({overlayClass:overlayClass});
- }
-
- handleClick(e){
- let overlayClass = "";
- if (this.node.contains(e.target)){
- if (this.state.overlayClass === "open"){
- if (e.target.id === "left-side-overlay" || e.target.id === "menu-toggle-item"){
- overlayClass = "";
- } else {
- overlayClass = "open";
- }
- } else {
- overlayClass = "open";
- }
- }
-
- const self = this;
- setTimeout(function () {
- console.log('time out');
- self.setState({overlayClass:overlayClass});
- }, 200);
- }
-
- render(){
- return (
-
- );
- }
-}
-
-class MobileLeftSidePanel extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- }
-
- componentDidMount() {
- let menuGroups = [];
- this.props.domains.forEach(function(domain,index){
- if (menuGroups.indexOf(domain.menugroup) === -1){
- menuGroups.push(domain.menugroup);
- }
- });
- this.setState({menuGroups:menuGroups});
- }
-
- render(){
- let panelMenuGroupsDisplay;
- if (this.state.menuGroups){
- panelMenuGroupsDisplay = this.state.menuGroups.map((mg,i) => (
-
- {commentsDisplay}
-
-
-
-
-
- )
- }
-}
-
-customElements.define('opendesktop-metaheader', class extends HTMLElement {
- constructor() {
- super();
- this.buildComponent();
- }
-
- async buildComponent() {
-
- const stylesheetElement = document.createElement('link');
- stylesheetElement.rel = 'stylesheet';
- stylesheetElement.href = 'https://www.opendesktop.org/theme/react/assets/css/metaheader.css';
-
- if (location.hostname.endsWith('cc')) {
- stylesheetElement.href = 'https://www.opendesktop.cc/theme/react/assets/css/metaheader.css';
- }
- else if (location.hostname.endsWith('localhost')) {
- stylesheetElement.href = 'https://www.opendesktop.cc/theme/react/assets/css/metaheader.css';
- }else if (location.hostname.endsWith('local')) {
- stylesheetElement.href = '/theme/react/assets/css/metaheader.css';
- }
- else{
- stylesheetElement.href = 'https://www.opendesktop.org/theme/react/assets/css/metaheader.css';
- }
- this.appendChild(stylesheetElement);
-
- await initConfig(this.getAttribute('config-target'),window.location.href);
-
- const metaheaderElement = document.createElement('div');
- metaheaderElement.id = 'metaheader';
- ReactDOM.render(React.createElement(MetaHeader, null), metaheaderElement);
-
- // Component must be capsule within Shadow DOM, and don't hack
- // context/scope of external sites.
- /*
- this.attachShadow({mode: 'open'});
- this.shadowRoot.appendChild(stylesheetElement);
- this.shadowRoot.appendChild(metaheaderElement);
- */
-
- // However, make this as Light DOM for now, because current
- // implementation is not real component design yet.
- // Need solve event handling, scoped CSS.
- this.appendChild(metaheaderElement);
- }
-});
diff --git a/httpdocs/theme/react/src/metaheader/AboutMenu.js b/httpdocs/theme/react/src/metaheader/AboutMenu.js
deleted file mode 100644
index b3de30a02..000000000
--- a/httpdocs/theme/react/src/metaheader/AboutMenu.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import React from 'react';
-import AboutMenuItems from './function/AboutMenuItems';
-
-class AboutMenu extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- this.handleClick = this.handleClick.bind(this);
- }
-
- componentWillMount() {
- document.addEventListener('click',this.handleClick, false);
- }
-
- componentWillUnmount() {
- document.removeEventListener('click',this.handleClick, false);
- }
-
-
-
- handleClick(e){
- let dropdownClass = "";
-
- if (this.node.contains(e.target)){
-
- if(e.target.className === "about-menu-link-item" || "th-icon"===e.target.className)
- {
- // only btn click open dropdown
- if (this.state.dropdownClass === "open"){
- dropdownClass = "";
- }else{
- dropdownClass = "open";
- }
- }else{
- dropdownClass = "";
- }
- }
- this.setState({dropdownClass:dropdownClass});
- }
-
- render(){
- return (
- -
-
-
-
- -
-
- - {downloadSection} - - - {(this.props.user && this.props.user.isSupporter) ? ( -
- Thanks for being a supporter! - ) : ( -
- - You are not a supporter yet. - - )} -
-
-
- -
- {personalMenuDisplay}
-
- {contextMenuDisplay}
-
-
-
-
- Opencode.net - {issuesMenuItem} - {gitfaqLinkItem} -
-
-
-
-
-
-
-
- {menuGroupsDisplayLeft}
-
- -
-
-
- {menuGroupsDisplayMiddle}
-
-
- -
-
-
- {menuGroupsDisplayRight}
-
-
-
-
-
-
-
-
- Pling -
- Opencode -
-
- {domainsDisplay}
-
-
-
-
- )
- }
-}
-
-export default MobileLeftSidePanel;
diff --git a/httpdocs/theme/react/src/metaheader/MoreDropDownMenu.js b/httpdocs/theme/react/src/metaheader/MoreDropDownMenu.js
deleted file mode 100644
index 053a6990a..000000000
--- a/httpdocs/theme/react/src/metaheader/MoreDropDownMenu.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react';
-class MoreDropDownMenu extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- this.handleClick = this.handleClick.bind(this);
- }
-
- componentWillMount() {
- document.addEventListener('mousedown',this.handleClick, false);
- }
-
- componentWillUnmount() {
- document.removeEventListener('mousedown',this.handleClick, false);
- }
-
- handleClick(e){
- let dropdownClass = "";
- if (this.node.contains(e.target)){
- if (this.state.dropdownClass === "open"){
- if (e.target.className === "more-menu-link-item"){
- dropdownClass = "";
- } else {
- dropdownClass = "open";
- }
- } else {
- dropdownClass = "open";
- }
- }
- this.setState({dropdownClass:dropdownClass});
- }
-
- render(){
-
- let faqLinkItem, apiLinkItem, aboutLinkItem,aboutPlingItem, aboutopencodeItem;
-
- aboutPlingItem = (
-
-
-
-
- -
-
-
- 
-
-
-);
-
-class UserAutoCompleteInput extends React.Component {
- constructor() {
- super();
-
- this.state = {
- value: '',
- suggestions: [],
- showTabs:false,
- userSelected:[],
- isLoading: false,
- userinfo:[],
- odComments:[]
- };
-
- this.onChange = this.onChange.bind(this);
- this.loadSuggestions = this.loadSuggestions.bind(this);
- this.onSuggestionsFetchRequested = this.onSuggestionsFetchRequested.bind(this);
- this.onSuggestionsClearRequested = this.onSuggestionsClearRequested.bind(this);
- this.shouldRenderSuggestions = this.shouldRenderSuggestions.bind(this);
- this.onSuggestionSelected = this.onSuggestionSelected.bind(this);
-
- this.getUserInfo = this.getUserInfo.bind(this);
- this.getUserOdComments = this.getUserOdComments.bind(this);
- }
-
- loadSuggestions(value) {
- const inputLength = value.length;
- if(inputLength<3) return;
- this.setState({
- isLoading: true
- });
- let url = this.props.baseUrl+'/membersetting/searchmember?username='+value;
- fetch(url,{
- mode: 'cors',
- credentials: 'include'
- })
- .then(response => response.json())
- .then(data => {
- if(data)
- {
- this.setState({suggestions:data,isLoading:false});
- }
- });
- }
-
- onChange(event, { newValue, method }){
- this.setState({value:newValue});
- }
-
- shouldRenderSuggestions(value) {
- return value.trim().length > 2;
- }
-
- onSuggestionsFetchRequested({ value }){
- this.loadSuggestions(value);
- }
-
- onSuggestionsClearRequested(){
- this.setState({
- suggestions: []
- });
- }
-
- getUserInfo(member_id){
- let url = `${this.props.baseUrl}/membersetting/userinfo?member_id=${member_id}`;
- fetch(url,{
- mode: 'cors',
- credentials: 'include'
- })
- .then(response => response.json())
- .then(data => {
- this.setState({userinfo:data},function(){
- this.getUserOdComments(member_id);
- });
- });
- }
-
- getUserOdComments(member_id){
- let url = `${this.props.baseUrl}/membersetting/memberjson?member_id=${member_id}`;
- fetch(url,{
- mode: 'cors',
- credentials: 'include'
- })
- .then(response => response.json())
- .then(data => {
- this.setState({odComments:data.commentsOpendeskop,showTabs: true},function(){
- //this.getUserForumComments();
- });
- });
- }
-
-
- onSuggestionSelected(event, { suggestion, suggestionValue, suggestionIndex, sectionIndex, method })
- {
- this.getUserInfo(suggestion.member_id);
- this.setState({
- userSelected:suggestion
- });
- }
-
- render() {
- const { value, suggestions, isLoading } = this.state;
- const inputProps = {
- placeholder: "Type to search min.3 chars",
- value,
- onChange: this.onChange
-
- };
- const status = (isLoading ? 'Loading...' : '');
-
- let contentTabs;
- if(this.state.showTabs)
- {
- contentTabs =
-
-
-
- );
- }
-}
-
-export default UserAutoCompleteInput;
diff --git a/httpdocs/theme/react/src/metaheader/UserAutoCompleteTabs.js b/httpdocs/theme/react/src/metaheader/UserAutoCompleteTabs.js
deleted file mode 100644
index 1f859f989..000000000
--- a/httpdocs/theme/react/src/metaheader/UserAutoCompleteTabs.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react';
-import UserCommentsTab from './UserCommentsTab';
-import UserInfo from './function/UserInfo';
-import UserCommentsTabThreadsContainer from './UserCommentsTabThreadsContainer';
-class UserAutoCompleteTabs extends React.Component {
- constructor(props){
- super(props);
- this.state = {
- currentTab:'userinfo',
- loading:true
- };
- this.onTabMenuItemClick = this.onTabMenuItemClick.bind(this);
- }
-
- onTabMenuItemClick(val){
- this.setState({currentTab:val});
- }
-
- // getUserForumComments(){
- // const user = this.props.user;
- // const self = this;
- // const xhttp = new XMLHttpRequest();
- // xhttp.onreadystatechange = function() {
- // console.log('this ');
- // if (this.readyState == 4 && this.status == 200) {
- // const res = JSON.parse(this.response);
- // self.setState({forumComments:res.user_actions,loading:false});
- // }
- // };
- // xhttp.open("GET", "https://forum.opendesktop.cc/user_actions.json?offset=0&username=" + user.username + "&filter=5", true);
- // xhttp.send();
- // }
-
- render(){
-
- let tabContentDisplay;
- if (this.state.currentTab === 'userinfo'){
-
- tabContentDisplay =
-
-
-
- {status}
-
-
- {contentTabs}
-
-
-
-
- );
- }
-}
-
-export default UserAutoCompleteTabs;
diff --git a/httpdocs/theme/react/src/metaheader/UserCommentsTab.js b/httpdocs/theme/react/src/metaheader/UserCommentsTab.js
deleted file mode 100644
index 4e51f842c..000000000
--- a/httpdocs/theme/react/src/metaheader/UserCommentsTab.js
+++ /dev/null
@@ -1,91 +0,0 @@
-import React from 'react';
-import UserCommentsTabThreadsContainer from './UserCommentsTabThreadsContainer';
-class UserCommentsTab extends React.Component {
- constructor(props){
- super(props);
- this.state = {
- loading:true
- };
- this.getUserOdComments = this.getUserOdComments.bind(this);
- this.getUserForumComments = this.getUserForumComments.bind(this);
- }
-
- componentDidMount() {
- this.setState({odComments:[],forumComments:[],loading:true},function(){
- this.getUserOdComments();
- });
- }
-
- getUserOdComments(){
- let url = '/membersetting/memberjson?member_id='+this.props.user.member_id;
- fetch(url,{
- mode: 'cors',
- credentials: 'include'
- })
- .then(response => response.json())
- .then(data => {
- this.setState({odComments:data.commentsOpendeskop,loading:false},function(){
- this.getUserForumComments();
- });
- });
- }
-
- getUserForumComments(){
- const user = this.props.user;
- const self = this;
- const xhttp = new XMLHttpRequest();
- xhttp.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200) {
- const res = JSON.parse(this.response);
- self.setState({forumComments:res.user_actions,loading:false});
- }
- };
- xhttp.open("GET", "https://forum.opendesktop.cc/user_actions.json?offset=0&username=" + user.username + "&filter=5", true);
- xhttp.send();
- }
-
- render(){
- let contentDisplay;
- if (!this.state.loading){
- let odCommentsDisplay, forumCommentsDisplay;
- if (this.state.odComments.length > 0){
- odCommentsDisplay = (
-
-
-
- {tabContentDisplay}
-
-
- {odCommentsDisplay}
- {forumCommentsDisplay}
-
- )
-
- } else {
- contentDisplay = (
- loading
- );
- }
-
- return(
-
- {contentDisplay}
-
- )
- }
-}
-
-export default UserCommentsTab;
diff --git a/httpdocs/theme/react/src/metaheader/UserCommentsTabThread.js b/httpdocs/theme/react/src/metaheader/UserCommentsTabThread.js
deleted file mode 100644
index b4f1d9205..000000000
--- a/httpdocs/theme/react/src/metaheader/UserCommentsTabThread.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react';
-import UserCommentsTabThreadCommentItem from './UserCommentsTabThreadCommentItem';
-class UserCommentsTabThread extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- this.filterCommentsByThread = this.filterCommentsByThread.bind(this);
- }
-
- filterCommentsByThread(comment){
- if (comment.title === this.props.thread.title){
- return comment;
- }
- }
-
- render(){
- let commentsDisplay;
- if (this.props.comments){
- const user = this.props.user;
- commentsDisplay = this.props.comments.filter(this.filterCommentsByThread).map((c,index) => (
-
-
-
- );
- }
-}
-
-export default UserCommentsTabThread;
diff --git a/httpdocs/theme/react/src/metaheader/UserCommentsTabThreadCommentItem.js b/httpdocs/theme/react/src/metaheader/UserCommentsTabThreadCommentItem.js
deleted file mode 100644
index c33f165b0..000000000
--- a/httpdocs/theme/react/src/metaheader/UserCommentsTabThreadCommentItem.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-class UserCommentsTabThreadCommentItem extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- }
-
- render(){
- const c = this.props.comment;
- const user = this.props.user;
- let repliedUsernameDisplay;
- if (c.p_comment_member_id){
- repliedUsernameDisplay = ( )
- }
-
- let userImage = user.avatar;
- if (this.props.uType === 'search'){
- userImage = user.profile_image_url;
- }
-
- return (
-
- )
- }
-}
-
-export default UserCommentsTabThreadCommentItem;
diff --git a/httpdocs/theme/react/src/metaheader/UserCommentsTabThreadsContainer.js b/httpdocs/theme/react/src/metaheader/UserCommentsTabThreadsContainer.js
deleted file mode 100644
index c0b5b8453..000000000
--- a/httpdocs/theme/react/src/metaheader/UserCommentsTabThreadsContainer.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import React from 'react';
-import UserCommentsTabThread from './UserCommentsTabThread';
-class UserCommentsTabThreadsContainer extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- }
-
- componentDidMount() {
- let siteInfo;
- if (this.props.type === 'od'){
- siteInfo = {
- address:'openDesktop.org',
- url:'https://www.opendesktop.org'
- }
- } else if (this.props.type === 'forum'){
- siteInfo = {
- address:'forum',
- url:'https://forum.opendesktop.org'
- }
- }
-
- let threads = [];
- this.props.comments.forEach(function(c,index){
- let pos = threads.map(function(e) { return e.id; }).indexOf(c.project_id);
- if(pos===-1)
- {
- const thread = {
- title:c.title,
- id:c.project_id
- }
- threads.push(thread)
- }
- });
-
- this.setState({siteInfo:siteInfo,comments:this.props.comments,threads:threads});
- }
-
- render(){
- const t = this.state.siteInfo;
- const comments = this.state.comments;
- const user = this.props.user;
- let headerDisplay, threadsDisplay, threadCommentsDisplay;
- if (this.state.threads){
-
- threadsDisplay = this.state.threads.map((tr,index) => (
-
- {commentsDisplay}
-
-
-
- );
- }
-
- return (
-
-
- Discussion on {this.state.siteInfo.address}
-{this.state.comments.length} comments
-
- {headerDisplay}
-
- )
- }
-}
-export default UserCommentsTabThreadsContainer;
diff --git a/httpdocs/theme/react/src/metaheader/UserContextMenuContainer.js b/httpdocs/theme/react/src/metaheader/UserContextMenuContainer.js
deleted file mode 100644
index 0d3674b1e..000000000
--- a/httpdocs/theme/react/src/metaheader/UserContextMenuContainer.js
+++ /dev/null
@@ -1,162 +0,0 @@
-import React from 'react';
-class UserContextMenuContainer extends React.Component {
- constructor(props){
- super(props);
- this.state = {
- /*gitlabLink:this.props.gitlabUrl+"/dashboard/issues?assignee_id="*/
- };
- this.handleClick = this.handleClick.bind(this);
- }
-
- componentWillMount() {
- //document.addEventListener('mousedown',this.handleClick, false);
- document.addEventListener('click',this.handleClick,false);
- }
-
- componentWillUnmount() {
- document.removeEventListener('click',this.handleClick, false);
- }
-
- componentDidMount() {
- /*const self = this;
- const xhttp = new XMLHttpRequest();
- xhttp.onreadystatechange = function() {
- if (this.readyState === 4 && this.status === 200) {
- const res = JSON.parse(this.response);
- const gitlabLink = self.state.gitlabLink + res[0].id;
- self.setState({gitlabLink:gitlabLink,loading:false});
- }
- };
- xhttp.open("GET", this.props.gitlabUrl+"/api/v4/users?username="+this.props.user.username, true);
- xhttp.send();*/
- }
-
- handleClick(e){
- // let dropdownClass = "";
- // if (this.node.contains(e.target)){
- // if (this.state.dropdownClass === "open"){
- // if (e.target.className === "th-icon" || e.target.className === "btn btn-default dropdown-toggle"){
- // dropdownClass = "";
- // } else {
- // dropdownClass = "open";
- // }
- // } else {
- // dropdownClass = "open";
- // }
- // }
- // this.setState({dropdownClass:dropdownClass});
- let dropdownClass = "";
- if (this.node.contains(e.target)){
- if(e.target.className === "btn btn-default dropdown-toggle"
- || e.target.className === "th-icon")
- {
- // only btn click open dropdown
- if (this.state.dropdownClass === "open"){
- dropdownClass = "";
- }else{
- dropdownClass = "open";
- }
- }else{
- dropdownClass = "";
- }
- }
- this.setState({dropdownClass:dropdownClass});
- }
-
- render(){
-
- /*
- // BU CODE
-
- {threadsDisplay}
-
- -
-
-
- - - - Messages - - -
- - - - Contacts - - - -
- - - - Storage - - -
- - - - Docs - - - -
- - - - Calendar - - -
- - - - Music - - - -
-
-
- - - - Messages - - - -
-
- {contextMenuDisplay}
-
-
-
-
- -
-
-
- ------
-
---
-
- {this.props.user.username} -
- {this.props.user.mail} -
-
- -
- Metaheader theme light
-
- dark -
- -
-
-
-
- My Payout -
- My Funding -
- - - Settings - Profile - Logout - - -
![]({this.props.baseUrl+"/theme/react/assets/img/chat.png"})
Chat
-
- {userinfoDisplay}
- {odCommentsDisplay}
- {forumCommentsDisplay}
-
- )
-
- } else {
- contentDisplay = (
- loading
- );
- }
-
- return(
-
- {contentDisplay}
-
- )
- }
-}
-
-export default UserSearchTab;
diff --git a/httpdocs/theme/react/src/metaheader/UserTabs.js b/httpdocs/theme/react/src/metaheader/UserTabs.js
deleted file mode 100644
index 724a056bf..000000000
--- a/httpdocs/theme/react/src/metaheader/UserTabs.js
+++ /dev/null
@@ -1,125 +0,0 @@
-import React from 'react';
-import UserCommentsTab from './UserCommentsTab';
-import UserSearchTab from './UserSearchTab';
-import UserAutoCompleteInput from './UserAutoCompleteInput';
-class UserTabs extends React.Component {
- constructor(props){
- super(props);
- this.state = {
- currentTab:'autocompletetest',
- searchPhrase:''
- };
- this.onTabMenuItemClick = this.onTabMenuItemClick.bind(this);
- this.onUserSearchInputChange = this.onUserSearchInputChange.bind(this);
- this.getUsersAutocompleteList = this.getUsersAutocompleteList.bind(this);
- this.selectUserFromAutocompleteList = this.selectUserFromAutocompleteList.bind(this);
- }
-
- onTabMenuItemClick(val){
- this.setState({currentTab:val});
- }
-
- onUserSearchInputChange(e){
- const searchPhrase = e.target.value;
- this.setState({searchPhrase:e.target.value},function(){
- let showUserList;
- if (searchPhrase.length > 2){
- showUserList = true;
- } else {
- showUserList = false;
- }
- this.setState({showUserList:showUserList,selectedUser:''},function(){
- this.getUsersAutocompleteList(searchPhrase);
- });
- });
- }
-
- getUsersAutocompleteList(searchPhrase){
-
- let url = this.props.baseUrl+'/membersetting/searchmember?username='+searchPhrase;
- fetch(url,{
- mode: 'cors',
- credentials: 'include'
- })
- .then(response => response.json())
- .then(data => {
- this.setState({usersList:data,showUserList:true});
- });
- }
-
- selectUserFromAutocompleteList(user){
- this.setState({selectedUser:user,searchPhrase:user.username,showUserList:false});
- }
-
- render(){
-
- let usersAutocompleteList;
- if (this.state.usersList && this.state.showUserList){
- const users = this.state.usersList.map((u,index) => (
- -
- {users}
-
search user
- ); - } - }else if(this.state.currentTab === 'autocompletetest'){ - tabContentDisplay =
-
-
- );
- }
-}
-
-export default UserTabs;
diff --git a/httpdocs/theme/react/src/metaheader/function/AboutMenuItems.js b/httpdocs/theme/react/src/metaheader/function/AboutMenuItems.js
deleted file mode 100644
index b4334cc9a..000000000
--- a/httpdocs/theme/react/src/metaheader/function/AboutMenuItems.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-function AboutMenuItems(props)
-{
- return (
-
- {tabContentDisplay}
-
-
-
- ))
- }
-
- );
-}
-export default DownloadSection;
diff --git a/httpdocs/theme/react/src/metaheader/function/MyButton.js b/httpdocs/theme/react/src/metaheader/function/MyButton.js
deleted file mode 100644
index 84e92ca25..000000000
--- a/httpdocs/theme/react/src/metaheader/function/MyButton.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-function MyButton(props)
-{
- return (
- Download counter this month
- { props.section.map((mg,i) => (
- {mg.name}:
{mg.dls}
-
-
- )
-}
-
-export default SwitchItem;
diff --git a/httpdocs/theme/react/src/metaheader/function/UserInfo.js b/httpdocs/theme/react/src/metaheader/function/UserInfo.js
deleted file mode 100644
index a82ec5ba2..000000000
--- a/httpdocs/theme/react/src/metaheader/function/UserInfo.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-function UserInfo(props){
- return(
-
-
- )
-}
-export default UserInfo;
diff --git a/httpdocs/theme/react/src/metaheader/function/WhereAmI.js b/httpdocs/theme/react/src/metaheader/function/WhereAmI.js
deleted file mode 100644
index eb6f1d6b4..000000000
--- a/httpdocs/theme/react/src/metaheader/function/WhereAmI.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-function WhereAmI(props)
-{
- return (
-
- );
-}
-
-export default WhereAmI;
diff --git a/httpdocs/theme/react/src/opendesktop-home/BlogFeedContainer.js b/httpdocs/theme/react/src/opendesktop-home/BlogFeedContainer.js
deleted file mode 100644
index 013b03782..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/BlogFeedContainer.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import React, { Component } from 'react';
-import TimeAgo from 'react-timeago';
-class BlogFeedContainer extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- }
-
- componentDidMount() {
- const self = this;
- var json_url = '/json/forum';
- //$.ajax("https://forum.opendesktop.org/latest.json").then(function (result) {
- $.ajax(json_url).then(function (result) {
- let topics = result.topic_list.topics;
- topics.sort(function(a,b){
- return new Date(b.last_posted_at) - new Date(a.last_posted_at);
- });
- topics = topics.slice(0,5);
- self.setState({items:topics});
- });
- }
-
- render(){
- let feedItemsContainer;
- if (this.state.items){
-
- const feedItems = this.state.items.map((fi,index) => (
- {props.userinfo.username} {props.userinfo.countrycity}
-
-
- {props.userinfo.cntProjects} products
- {props.userinfo.totalComments} comments
- Likes {props.userinfo.cntLikesGave} products
- Got {props.userinfo.cntLikesGot} Likes
- Last time active :{props.userinfo.lastactive_at}
- Member since : {props.userinfo.created_at}
- - {feedItems}
-
- {feedItemsContainer}
-
- )
- }
-}
-
-export default BlogFeedContainer;
diff --git a/httpdocs/theme/react/src/opendesktop-home/ChatContainer.js b/httpdocs/theme/react/src/opendesktop-home/ChatContainer.js
deleted file mode 100755
index a239caf86..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/ChatContainer.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import React, { Component } from 'react';
-
-class ChatContainer extends Component {
-
- constructor(props){
- super(props);
- this.chatUrl = '/json/chat';
- this.avatarUrl= 'https://chat.opendesktop.org/_matrix/media/v1/thumbnail';
- this.state = {items:[]};
- }
-
- componentDidMount() {
- fetch(this.chatUrl)
- .then(response => response.json())
- .then(data => {
- this.setState({items:data});
- });
- }
-
- render(){
- let container, members;
- if (this.state.items){
- const feedItems = this.state.items.map((fi,index) => {
- if(fi.members){
- let mb=Object.values(fi.members);
- if(mb.length>0){
- members = mb.slice(0,4).map((m,index) => {
- let imgAvatar;
- if(m.avatar_url){
- imgAvatar =
- {imgAvatar}
-
- )
- }
- );
- }
- if(fi.guest_can_join==false)
- {
- return (
-
- {m.display_name}
-
- - {feedItems}
-
- {container}
-
- )
- }
-}
-
-export default ChatContainer;
diff --git a/httpdocs/theme/react/src/opendesktop-home/ChatMember.js b/httpdocs/theme/react/src/opendesktop-home/ChatMember.js
deleted file mode 100755
index d4ee063bf..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/ChatMember.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-
-function ChatMember(props) {
- return (
-
- 
- {props.display_name}
-
;
- )
-}
-
-export default ChatMember;
diff --git a/httpdocs/theme/react/src/opendesktop-home/CommentsContainer.js b/httpdocs/theme/react/src/opendesktop-home/CommentsContainer.js
deleted file mode 100644
index 31f6635d8..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/CommentsContainer.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React, { Component } from 'react';
-
-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/src/opendesktop-home/DrawerOpenRight.js b/httpdocs/theme/react/src/opendesktop-home/DrawerOpenRight.js
deleted file mode 100644
index 9616203c9..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/DrawerOpenRight.js
+++ /dev/null
@@ -1,33 +0,0 @@
-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 (
- {this.props.title}
- {commentsContainer}
-
-
-
-
-
- );
- }
-}
-
-export default DrawerOpenRight;
diff --git a/httpdocs/theme/react/src/opendesktop-home/HomeMainContainer.js b/httpdocs/theme/react/src/opendesktop-home/HomeMainContainer.js
deleted file mode 100644
index c8df8c96c..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/HomeMainContainer.js
+++ /dev/null
@@ -1,100 +0,0 @@
-import React, { Component } from 'react';
-import RssNewsContainer from './RssNewsContainer';
-import BlogFeedContainer from './BlogFeedContainer';
-import CommentsContainer from './CommentsContainer';
-import RatingContainer from './RatingContainer';
-import ProductsContainer from './ProductsContainer';
-import MySpamContainer from './MySpamContainer';
-import ChatContainer from './ChatContainer';
-import ProductsGitContainer from './ProductsGitContainer';
-import Introduction from './Introduction';
-import PersonalActivityContainer from './PersonalActivityContainer';
-import PersonalLinksContainer from './function/PersonalLinksContainer';
-import AdminLinksContainer from './function/AdminLinksContainer';
-class HomeMainContainer extends Component {
- constructor(props){
- super(props);
- this.state ={...window.data};
- }
- render() {
- let content;
- let supporterinfo;
- if(this.state.supporterinfo && this.state.supporterinfo.member_id)
- {
- supporterinfo = Thanks for supporting Pling.com
- }else{
- supporterinfo =
- }
- if(this.state.user)
- {
- content = (
-
-
- )
- }else{
- content = (
-
-
-
-
-
-
- 
- {supporterinfo}
-
- - Hi {this.state.user.username}, good to see you!
- go here for the startpage. - -
-
-
-
- { this.state.spams.length>0 &&
-
- }
- { this.state.user.isAdmin &&
-
-
-
-
- }
- Special links (Admin only)
-
-
- )
- }
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
- }
-}
-
-export default Introduction;
diff --git a/httpdocs/theme/react/src/opendesktop-home/MySpamContainer.js b/httpdocs/theme/react/src/opendesktop-home/MySpamContainer.js
deleted file mode 100644
index 44798b7f2..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/MySpamContainer.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React, { Component } from 'react';
-import Product from './Product';
-class MySpamContainer extends React.Component {
- constructor(props){
- super(props);
- }
- render(){
- let container;
- if (this.props.spams){
- const products = this.props.spams.map((product,index) => (
-
-
-
-
- OpenDesktop is a network of sites that are all operated by Hive01 and follow the same open standards.
- Get one account to use these libre services:
-
-
-
-
- Welcome to opendesktop.org
-
- OpenDesktop is a network of sites that are all operated by Hive01 and follow the same open standards.
- Get one account to use these libre services:
-
-
-
- Network of sites
-
- - openCode.net
- - Pling.com
- - Forums and Chat
- - Personal cloud
-
-
-
-
-
-
- Open standards
-
- - 100% Libre software
- - We respect users privacy
- - We do not sell data
-
-
-
-
- Network of sites
--
-
- openCode.net -
- Pling.com -
- Forums and Chat -
- Personal cloud -
Open standards
--
-
- 100% Libre software -
- We respect users privacy -
- We do not sell data -
-
- -
-
- - - -
- - - -
- - - - -
- - - -
- {introductionDetail}
-
- - {products}
-
- )
- }
-}
-
-export default MySpamContainer;
diff --git a/httpdocs/theme/react/src/opendesktop-home/PersonalActivityContainer.js b/httpdocs/theme/react/src/opendesktop-home/PersonalActivityContainer.js
deleted file mode 100644
index 353c52f29..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/PersonalActivityContainer.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React, { Component } from 'react';
-import TimeAgo from 'react-timeago';
-
-class PersonalActivityContainer extends React.Component {
- render(){
- return (
- Spam
- {container}
-
-
-
- )
- }
-}
-
-export default PersonalActivityContainer;
diff --git a/httpdocs/theme/react/src/opendesktop-home/Product.js b/httpdocs/theme/react/src/opendesktop-home/Product.js
deleted file mode 100644
index 42dfddc4c..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/Product.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React, { Component } from 'react';
-
-class Product extends React.Component {
- render(){
- let projectUrl = this.props.baseUrlStore+"/p/"+this.props.product.project_id;
- const scoreDisplay=(
-
-
- );
-
- const productInfoDisplay = (
-
- );
-
-
- return (
-
- )
- }
-}
-
-export default Product;
diff --git a/httpdocs/theme/react/src/opendesktop-home/ProductGit.js b/httpdocs/theme/react/src/opendesktop-home/ProductGit.js
deleted file mode 100755
index cfadad0dd..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/ProductGit.js
+++ /dev/null
@@ -1,71 +0,0 @@
-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://opencode.net/';
- }
- render(){
-
- const userDisplay =(
-
-
- {(this.props.product.laplace_score/10).toFixed(1) + "%"}
-
-
-
-
- {this.props.product.name.substr(0,1)}
- - {products}
-
- {container}
-
- )
- }
-}
-
-export default ProductsContainer;
diff --git a/httpdocs/theme/react/src/opendesktop-home/ProductsGitContainer.js b/httpdocs/theme/react/src/opendesktop-home/ProductsGitContainer.js
deleted file mode 100755
index 57cbd8bd8..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/ProductsGitContainer.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import React, { Component } from 'react';
-import ProductGit from './ProductGit';
-
-class ProductsGitContainer extends React.Component {
- constructor(props){
- super(props);
- this.gitUrl = '/json/gitlabnewprojects';
- this.gitUserUrl = '/json/gitlabfetchuser?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 = git-container
- {products}
-
- {container}
-
- )
- }
-}
-
-export default ProductsGitContainer;
diff --git a/httpdocs/theme/react/src/opendesktop-home/RatingContainer.js b/httpdocs/theme/react/src/opendesktop-home/RatingContainer.js
deleted file mode 100644
index 85d1c8b38..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/RatingContainer.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React, { Component } from 'react';
-
-class RatingContainer extends React.Component {
- render(){
- let ratingContainer;
- if (this.props.votes){
- const votes = this.props.votes.map((cm,index) => (
-
-
- 
- {cm.username}
-
- {cm.title}
-
- Score:{cm.score} {cm.comment_text}
-
-
-
- {cm.created_at}
-
-
-
-
- - {votes}
-
- )
- }
-}
-
-export default RatingContainer;
diff --git a/httpdocs/theme/react/src/opendesktop-home/RssNewsContainer.js b/httpdocs/theme/react/src/opendesktop-home/RssNewsContainer.js
deleted file mode 100644
index 7bd14906d..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/RssNewsContainer.js
+++ /dev/null
@@ -1,44 +0,0 @@
-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) => (
- {this.props.title}
- {ratingContainer}
- - {feedItems}
-
- {feedItemsContainer}
-
- )
- }
-}
-
-export default RssNewsContainer;
diff --git a/httpdocs/theme/react/src/opendesktop-home/app.js b/httpdocs/theme/react/src/opendesktop-home/app.js
deleted file mode 100644
index 96d52c297..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/app.js
+++ /dev/null
@@ -1,478 +0,0 @@
-window.hpHelpers = (function(){
-
- function dechex(number) {
- // discuss at: http://locutus.io/php/dechex/
- // original by: Philippe Baumann
- // bugfixed by: Onno Marsman (https://twitter.com/onnomarsman)
- // improved by: http://stackoverflow.com/questions/57803/how-to-convert-decimal-to-hex-in-javascript
- // input by: pilus
- // example 1: dechex(10)
- // returns 1: 'a'
- // example 2: dechex(47)
- // returns 2: '2f'
- // example 3: dechex(-1415723993)
- // returns 3: 'ab9dc427'
-
- if (number < 0) {
- number = 0xFFFFFFFF + number + 1
- }
- return parseInt(number, 10).toString(16)
- }
-
- function calculateScoreColor(score){
- let blue, red, green, defaultColor = 200;
- if (score > 50){
- red = defaultColor - ((score-50)*4);
- green = defaultColor;
- blue = defaultColor - ((score-50)*4);
- } else if (score < 51){
- red = defaultColor;
- green = defaultColor - ((score-50)*4);
- blue = defaultColor - ((score-50)*4);
- }
-
- return "rgb("+red+","+green+","+blue+")";
- }
-
- return {
- dechex,
- calculateScoreColor
- }
-}());
-
-class App extends React.Component {
- constructor(props){
- super(props);
- this.state = {
- loading:true,
- hpVersion:window.hpVersion
- };
- this.initHomePage = this.initHomePage.bind(this);
- this.updateDimensions = this.updateDimensions.bind(this);
- }
-
-
- componentWillMount() {
- this.updateDimensions();
- }
-
- componentWillUnmount(){
- window.removeEventListener("resize", this.updateDimensions);
- window.removeEventListener("orientationchange",this.updateDimensions);
- }
-
- componentDidMount() {
- this.initHomePage();
- }
-
- initHomePage(){
-
- window.addEventListener("resize", this.updateDimensions);
- window.addEventListener("orientationchange",this.updateDimensions);
-
- let env = "live";
- if (location.hostname.endsWith('cc')) {
- env = "test";
- } else if (location.hostname.endsWith('localhost')) {
- env = "test";
- }
-
- this.setState({env:env});
- }
-
- updateDimensions(){
-
- const width = window.innerWidth;
- let device;
- if (width >= 910){
- device = "large";
- } else if (width < 910 && width >= 610){
- device = "mid";
- } else if (width < 610){
- device = "tablet";
- }
-
- this.setState({device:device});
-
- }
-
- render(){
- const featuredProduct = JSON.parse(window.data['featureProducts']);
- return (
-
-
- );
- }
-
- return(
-
- 
-
- 
-
-
-
-
-
- {featuredLabelDisplay}
-
-
-
-
- {this.state.featuredProduct.title}
-{categoryDisplay}
-
-
- {this.state.featuredProduct.username}
-
- {commentCount} comments
-
-
-
- score {this.state.featuredProduct.laplace_score + "%"}
-
-
-
-
-
- {createdDate}
-
-
- {description}
-
-
-
- );
- }
-}
-
-class SpotlightProductDummy extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- }
-
- render(){
- return(
- In the Spotlight
- {spotlightProductDisplay} -
-
- );
- }
-}
-
-class SpotlightUser extends React.Component {
- constructor(props){
- super(props);
- this.state = {
- loading:true,
- version:2
- };
- this.updateDimensions = this.updateDimensions.bind(this);
- this.getSpotlightUser = this.getSpotlightUser.bind(this);
- }
-
- componentWillMount() {
- window.addEventListener("resize", this.updateDimensions);
- }
-
- componentDidMount() {
- this.updateDimensions();
- this.getSpotlightUser();
- }
-
- updateDimensions(){
- const containerWidth = $('#main-content').width();
- const userProductsPerRow = 4;
- const userProductsDimensions = containerWidth / userProductsPerRow;
- this.setState({itemWidth:userProductsDimensions,itemHeight:userProductsDimensions});
- }
-
- getSpotlightUser(page){
- if (!page) { page = 0 }
- this.setState({loading:true,page: page},function(){
- let url = "/home/showspotlightjson?page=" + this.state.page;
- const self = this;
- $.ajax({url: url,cache: false}).done(function(response){
- self.setState({user:response,loading:false},function(){
- const height = $('#user-container').height();
- if (height > 0){
- this.setState({containerHeight:height});
- }
- });
- });
- });
- }
-
- render(){
-
- let spotlightUserDisplay;
- if (this.state.loading){
- let loadingStyle;
- if (this.state.containerHeight){
- loadingStyle = {
- "height":this.state.containerHeight
- }
- }
- spotlightUserDisplay = (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
- } else {
- let userProducts;
- if (this.state.itemWidth){
- userProducts = this.state.user.products.map((p,index) => (
-
-
- );
- }
-
- let prevButtonDisplay;
- if (this.state.page > 0){
- prevButtonDisplay = (
- this.getSpotlightUser(this.state.page - 1)} className="spotlight-user-next">
- {"< Prev"}
-
- );
- }
-
- let nextButtonDisplay;
- if (this.state.page < 8){
- nextButtonDisplay = (
- this.getSpotlightUser(this.state.page + 1)} className="spotlight-user-next">
- {"Next >"}
-
- );
- }
-
- let versionCssClass;
- if (this.state.version === 2){
- versionCssClass = "v-two"
- }
-
- return(
-
-
- 
-
-
- {this.state.user.username}
-
- {userProducts}
-
-
-
- )
- }
-}
-
-class SpotlightUserProduct extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
- }
-
- componentDidMount() {
- console.log(this.props);
- }
-
- render(){
- let userProductStyle;
- if (this.props.itemWidth){
- userProductStyle = {
- "height":this.props.itemHeight,
- "width":this.props.itemWidth
- }
- }
- return (
- In the Spotlight
- {spotlightUserDisplay} -
- {prevButtonDisplay}
- {nextButtonDisplay}
-
-
-
- 
-
-
- )
- }
-}
-
-ReactDOM.render(
-
-
-
- {this.props.product.title}
-
-
- 
- {this.props.product.sum_plings}
-
-
- {this.props.product.sum_plings}
- -
-
- - - Spam - - -
- - - Spam comments - - - -
- - - Clones - - - -
- - - Most New Products - - - -
- - - New Products with min.10 files - - - -
- - - Same paypal check - - - -
- - - List of unpublished products - - -
- - - List of new products (published or unpublished) less than 2 months - - - -
- - - Backend - - - -
- - - Statistics - - - -
- - - Piwik - - - -
- - - Nagios - - -
-
-
- )
-}
-
-export default IntroductionDetailCode;
diff --git a/httpdocs/theme/react/src/opendesktop-home/function/IntroductionDetailCommunity.js b/httpdocs/theme/react/src/opendesktop-home/function/IntroductionDetailCommunity.js
deleted file mode 100644
index 2b36df0e3..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/function/IntroductionDetailCommunity.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-function IntroductionDetailCommunity(props){
- return(
-
-
-
-
-
-
-
- - openCode.net -
-
-
- Develop your projects online for free. Git and CI, powered by Gitlab.
- www.opencode.net -
-
-
- )
-}
-
-export default IntroductionDetailCommunity;
diff --git a/httpdocs/theme/react/src/opendesktop-home/function/IntroductionDetailPersonal.js b/httpdocs/theme/react/src/opendesktop-home/function/IntroductionDetailPersonal.js
deleted file mode 100644
index 5e8e70628..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/function/IntroductionDetailPersonal.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-function IntroductionDetailPersonal(props){
- return(
-
-
-
-
-
-
-
- - Discourse, Matrix/Riot -
-
-
- - Join the community and discuss on Discourse or chat with anyone via Riot/Matrix. -
- https://forum.opendesktop.org/ - https://chat.opendesktop.org -
-
-
- )
-}
-
-export default IntroductionDetailPersonal;
diff --git a/httpdocs/theme/react/src/opendesktop-home/function/IntroductionDetailPublish.js b/httpdocs/theme/react/src/opendesktop-home/function/IntroductionDetailPublish.js
deleted file mode 100644
index a41c6bd68..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/function/IntroductionDetailPublish.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-function IntroductionDetailPublish(props){
- return(
-
-
-
-
-
-
-
- - Nextcloud -
-
-
- Nextcloud offers file storage, contacts, calendar and online Office document editing technology. Keep your data private. -
- https://my.opendesktop.org -
-
-
- )
-}
-
-export default IntroductionDetailPublish;
diff --git a/httpdocs/theme/react/src/opendesktop-home/function/PersonalLinksContainer.js b/httpdocs/theme/react/src/opendesktop-home/function/PersonalLinksContainer.js
deleted file mode 100644
index 69fe29718..000000000
--- a/httpdocs/theme/react/src/opendesktop-home/function/PersonalLinksContainer.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-function PersonalLinksContainer(props)
-{
- return (
-
-
-
-
-
-
-
- - Pling.com -
-
- The publishing platform for open source software and free content.
- www.pling.com
-
- -
-
- - - - Files - - -
- - - - Calendar - - -
- - - - Contacts - - - -
- - - - Messages - - - -
- - - - Music - - - - { props.user.isAdmin && -
- - - - Mail - - -
- - - - Office - - -
- - - - Chat - - -
-
- )
- }
-}
-
-export default Header;
diff --git a/httpdocs/theme/react/src/pling-section/PlingSection.js b/httpdocs/theme/react/src/pling-section/PlingSection.js
deleted file mode 100644
index 48be1e4fd..000000000
--- a/httpdocs/theme/react/src/pling-section/PlingSection.js
+++ /dev/null
@@ -1,127 +0,0 @@
-import React, { Component } from 'react';
-import TopProducts from './TopProducts';
-import TopCreators from './TopCreators';
-import Support from './Support';
-import Supporters from './Supporters';
-import Header from './Header';
-class PlingSection extends Component {
- constructor(props){
- super(props);
- this.state ={...window.data,showContent:'overview'};
- //this.handleClick = this.handleClick.bind(this);
- this.loadData = this.loadData.bind(this);
- this.onClickCategory = this.onClickCategory.bind(this);
- this.showDetail = this.showDetail.bind(this);
- }
-
-
- // handleClick(section) {
- // this.setState(state => ({
- // isToggleOn: !state.isToggleOn,
- // section:section,
- // loading:true,
- // category:''
- // }));
- // this.loadData(section);
- // }
-
- loadData(section){
- let url = '/section/top?id='+section.section_id;
- fetch(url)
- .then(response => response.json())
- .then(data => {
- this.setState(prevState => ({loading:false, products:data.products, creators:data.creators}))
- });
- }
-
- showDetail(showContent){
- this.setState(state => ({
- showContent: showContent
- }));
- if(showContent=='overview'){ this.loadData(this.state.section);}
- }
- onClickCategory(category)
- {
- let url = '/section/topcat?cat_id='+category.project_category_id;
- fetch(url)
- .then(response => response.json())
- .then(data => {
- this.setState(prevState => ({loading:false,showContent: 'overview',products:data.products, creators:data.creators,category:category}))
- });
- }
-
- render() {
-
- let sectioncontainer, sectiondetail;
- //onClick={()=>this.handleClick(section)}
- if (this.state.sections){
- const s = this.state.sections.map((section,index) => (
-
- {this.props.section ? this.props.section.name:''}
-
-
- Goal:
-
-
-
- {goal}
-
-
- {s}
-
-
-
- }
-
- let s;
- if (this.state.details && this.state.section){
- s = this.state.details.map((detail,index) => {
- if(detail.section_id==this.state.section.section_id)
- return - {s}
- { this.state.section &&
-
-
- return (
-
-
- }
- this.showDetail('overview')}>Overview
-this.showDetail('supporters')}>Supporters
-this.showDetail('overview')}>Categories
-- {s}
- {detailContent}
-
-
-
- Become a Supporter
- { this.state.section &&
-
-
- );
-
- const productInfoDisplay = (
-
- );
-
-
- return (
-
- )
- }
-}
-
-export default Product;
diff --git a/httpdocs/theme/react/src/pling-section/Support.js b/httpdocs/theme/react/src/pling-section/Support.js
deleted file mode 100644
index aadeecab4..000000000
--- a/httpdocs/theme/react/src/pling-section/Support.js
+++ /dev/null
@@ -1,107 +0,0 @@
-import React, { Component } from 'react';
-
-class Support extends React.Component {
-
- constructor(props){
- super(props);
- this.state ={};
- this.onChangeFreeamount = this.onChangeFreeamount.bind(this);
- }
-
- onChangeFreeamount(event){
- this.setState({typed: event.target.value});
- }
-
- render(){
-
- let tiers=[0.99,2,5,10,20,50];
- let limits = [2,5,10,20,50,100]
- const container = tiers.map((t,index) => {
- let c;
- let tmp = t;
- let left, right;
- if(index==0)
- {
- left = 0;
- }else {
- left = limits[index-1];
- }
- right=limits[index];
- const result = this.props.supporters.filter(s => (s.section_support_tier >= left && s.section_support_tier
- {(this.props.product.laplace_score/10).toFixed(1) + "%"}
-
-
-
- ${this.props.product.probably_payout_amount_factor} {this.props.isAdmin?"($"+this.props.product.probably_payout_amount+")":""}
-
- - {x}
- {result.length+ ' Supporters'}
-
- );
- }
- );
-
- let result = this.props.supporters;
- // tiers.forEach(function(element) {
- // result = result.filter(s => s.section_support_tier!=element);
- // });
-
- result = result.filter(s => s.section_support_tier>=100);
-
- let othertiers;
- let o;
-
- const x = result.map((s,index) => {
- return (
-
- Join ${t} Tier
-
- - {x}
- { o &&
- {x.length} Supporters
- }
-
-
- )
-
-
- return (
-
-
-
- $100 or more
-
-
- Join
-
-
-
- )
- }
-}
-
-export default Support;
diff --git a/httpdocs/theme/react/src/pling-section/Supporters.js b/httpdocs/theme/react/src/pling-section/Supporters.js
deleted file mode 100644
index 6b41300e0..000000000
--- a/httpdocs/theme/react/src/pling-section/Supporters.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import React, { Component } from 'react';
-
-class Supporters extends React.Component {
-
- constructor(props){
- super(props);
- this.state ={};
- }
-
- render(){
-
- function compare(el,idx,array) {
- for (let i = 0; i < array.length; i++) {
- if (array[i].member_id == el.member_id)
- {
- if(idx==i){
- return el;
- }else
- {
- break;
- }
- }
- }
- }
-
- const x = this.props.supporters.filter(compare).map((s,index) => {
- return (
-
-
- {container}
- {othertiers}
- Tiers
-{s.username}
- - {x}
- {c}
-
- )
- }
-}
-export default Supporters;
diff --git a/httpdocs/theme/react/src/pling-section/TopCreators.js b/httpdocs/theme/react/src/pling-section/TopCreators.js
deleted file mode 100644
index 72f3c27d0..000000000
--- a/httpdocs/theme/react/src/pling-section/TopCreators.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-import Creator from './function/Creator';
-class TopCreators extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
-
- }
- render(){
- let container;
- if (this.props.creators){
- const creators = this.props.creators.map((creator,index) => (
- - {creators}
-
- )
- }
-}
-
-export default TopCreators;
diff --git a/httpdocs/theme/react/src/pling-section/TopProducts.js b/httpdocs/theme/react/src/pling-section/TopProducts.js
deleted file mode 100644
index 0065a67c6..000000000
--- a/httpdocs/theme/react/src/pling-section/TopProducts.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-import Product from './Product';
-class TopProducts extends React.Component {
- constructor(props){
- super(props);
- this.state = {};
-
- }
- render(){
- let container;
- if (this.props.products){
- const products = this.props.products.map((product,index) => (
- {title}
- {container}
- - {products}
-
- )
- }
-}
-
-export default TopProducts;
diff --git a/httpdocs/theme/react/src/pling-section/function/Creator.js b/httpdocs/theme/react/src/pling-section/function/Creator.js
deleted file mode 100644
index 87b036a15..000000000
--- a/httpdocs/theme/react/src/pling-section/function/Creator.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-function Creator(props){
- return(
- Top 20 Products Last Month Payout
- {container}
-
-
- )
-}
-
-export default Creator;
diff --git a/httpdocs/theme/react/src/pling-section/function/Header.js b/httpdocs/theme/react/src/pling-section/function/Header.js
deleted file mode 100644
index 0a19dc3cc..000000000
--- a/httpdocs/theme/react/src/pling-section/function/Header.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-function Header(props){
- return(
-
-
-
- 
-
-
-
-
-
- {props.creator.username}
- ${props.creator.probably_payout_amount_factor} {props.isAdmin?"($"+props.creator.probably_payout_amount+")":""}
- {/*
- -
-
- {props.creator.userinfo.cntProjects} products -
- {props.creator.userinfo.totalComments} comments -
- Like {props.creator.userinfo.cntLikesGave} products -
- Got {props.creator.userinfo.cntLikesGot} likes -
- Last time active {props.creator.userinfo.lastactive_at} -
- Member since {props.creator.userinfo.created_at} -
-
- )
-}
-
-export default Header;
diff --git a/httpdocs/theme/react/src/pling-section/function/Product.js b/httpdocs/theme/react/src/pling-section/function/Product.js
deleted file mode 100644
index 42dfddc4c..000000000
--- a/httpdocs/theme/react/src/pling-section/function/Product.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React, { Component } from 'react';
-
-class Product extends React.Component {
- render(){
- let projectUrl = this.props.baseUrlStore+"/p/"+this.props.product.project_id;
- const scoreDisplay=(
-
- {props.section ? props.section.name:''}
-
-
- Goal:
-
-
-
- { props.goal}
-
- {props.amount_factor}
-
-
- );
-
- const productInfoDisplay = (
-
- );
-
-
- return (
-
- )
- }
-}
-
-export default Product;
diff --git a/httpdocs/theme/react/webpack.config.js b/httpdocs/theme/react/webpack.config.js
index 4e68784f7..6f26a227d 100644
--- a/httpdocs/theme/react/webpack.config.js
+++ b/httpdocs/theme/react/webpack.config.js
@@ -1,29 +1,29 @@
module.exports = {
entry: {
//'metaheader':'./src/entry-metaheader.js',
//'metaheader-local':'./src/entry-metaheader-local.js',
//'home-main-container':'./src/entry-home-main-container.js'
- 'pling-section':'./src/entry-pling-section.js'
+ //'pling-section':'./src/entry-pling-section.js'
},
output: {
path: `${__dirname}/bundle`,
filename: '[name]-bundle.js'
},
module: {
rules: [
{
test: /\.jsx?$/,
use: {
loader: 'babel-loader',
options: {
presets: [
'@babel/preset-env',
'@babel/preset-react'
]
}
},
exclude: /node_modules/
}
]
}
};
- {(this.props.product.laplace_score/10).toFixed(1) + "%"}
-
-
-
-
-