From 7d157f4ab9a4a1bab81767a8bd39ba6eac54f627 Mon Sep 17 00:00:00 2001 From: Arshad Kazmi Date: Tue, 7 Aug 2018 19:35:37 +0530 Subject: [PATCH 01/29] search feature, code cleanup in CardsContainer.jsx --- app/package.json | 1 + .../components/ProjectList/CardsContainer.css | 4 + .../components/ProjectList/CardsContainer.jsx | 96 +++++++++++++++---- app/src/components/ProjectList/SearchCss.css | 16 ++++ 4 files changed, 100 insertions(+), 17 deletions(-) create mode 100644 app/src/components/ProjectList/SearchCss.css diff --git a/app/package.json b/app/package.json index 5fd4b551fa6..b49c035682f 100644 --- a/app/package.json +++ b/app/package.json @@ -11,6 +11,7 @@ "sw-precache": "^5.2.0" }, "dependencies": { + "lodash": "^4.17.10", "react": "^15.4.0", "react-dom": "^15.4.0", "react-select": "^1.0.0-rc.10" diff --git a/app/src/components/ProjectList/CardsContainer.css b/app/src/components/ProjectList/CardsContainer.css index 706be1b9089..fc524036a5b 100644 --- a/app/src/components/ProjectList/CardsContainer.css +++ b/app/src/components/ProjectList/CardsContainer.css @@ -6,3 +6,7 @@ padding: 1vw; overflow: hidden; } + +#container { + background: #f7f7fc; +} diff --git a/app/src/components/ProjectList/CardsContainer.jsx b/app/src/components/ProjectList/CardsContainer.jsx index 10c4be1bf2d..027fa3b4ea7 100644 --- a/app/src/components/ProjectList/CardsContainer.jsx +++ b/app/src/components/ProjectList/CardsContainer.jsx @@ -1,66 +1,127 @@ import React from 'react'; import Select from 'react-select'; +import each from 'lodash/each' + import Card from './ProjectsCards'; import projectList from './listOfProjects'; + import './CardsContainer.css'; +import './SearchCss.css'; import 'react-select/dist/react-select.css'; export default class CardsContainer extends React.Component { constructor(props) { super(props); + this.state = { value: [], filterList: projectList } + this.setTags = new Set(); this.filterOptions = []; + this.valueList = []; + for (let i = 0; i < projectList.length; i++) { + if (projectList[i].tags) { + projectList[i].tags.forEach(tag => { + projectList[i].tags.sort() this.setTags.add(tag.toLowerCase()) }) } } + this.setTags.forEach(v => this.filterOptions.push({ value: v, label: v })); this.handleSelectChange = this.handleSelectChange.bind(this); + this.handleChange = this.handleChange.bind(this); } + handleSelectChange(value) { + + this.value = value; this.setState({ value }); this.handleFilterListUpdate(value); } + handleFilterListUpdate(value) { - if (value.length === 0) { + + let updatedList = []; + + // If no filters + if ((!value || value.length === 0) && (this.inputValue === null || this.inputValue.length === 0)) { return this.setState({ filterList: projectList }); } - let valueList = []; - let updatedList = []; - value.map(v => { - return valueList.push(v.value) - }); - projectList.map(project => { - if (!project.tags) return; - let lowerCaseTags = project.tags.map(v => v.toLowerCase()) - if (valueList.every(v => lowerCaseTags.includes(v))) { - updatedList.push(project); - } - }) - this.setState({ filterList: updatedList}); + // If tags filter applied + if (value && value.length > 0) { + const valueList = []; + + value.map(v => { + return valueList.push(v.value) + }); + + each(projectList, (project) => { + + if (!project.tags) return; + + let lowerCaseTags = project.tags.map(v => v.toLowerCase()) + if (valueList.every(v => lowerCaseTags.includes(v))) { + + updatedList.push(project); + } + }) + } + + // If search input value is not empty + if (this.inputValue && this.inputValue.length > 0) { + + const searchedList = [] + each(((updatedList.length > 0) ? updatedList : projectList), (project) => { + + if (project.name.toLowerCase().includes(this.inputValue) + || project.description.toLowerCase().includes(this.inputValue) + || project.tags.toString().toLowerCase().includes(this.inputValue)) { + + searchedList.push(project) + } + }); + + updatedList = searchedList; + } + + this.setState({ filterList: updatedList }); + } + + // Search input handler + handleChange(event) { + + this.inputValue = event.currentTarget.value; + + this.inputValue = this.inputValue.trim(); + this.inputValue = this.inputValue.toLowerCase(); + + this.handleFilterListUpdate(this.value) } + render() { + return (
- { this.state.filterList.map((item, key) => { - return ( + {this.state.filterList.map((item, key) => { + return ( +
); } diff --git a/app/src/components/ProjectList/SearchCss.css b/app/src/components/ProjectList/SearchCss.css new file mode 100644 index 00000000000..ff84ba16342 --- /dev/null +++ b/app/src/components/ProjectList/SearchCss.css @@ -0,0 +1,16 @@ +#search { + padding-top: 8px; + padding-bottom: 8px; + padding-left: 10px; + padding-right: 10px; + border: none; + background-color: transparent; + color: #B0B0B0; + border-radius: 3px; + width: 40%; + font-size: 30px; + text-align: center; + margin: 10px; + margin-top: 20px; + border-bottom: 1px solid #DCDCDC; +} \ No newline at end of file From 59a31a0d0912c7c89354c419e830f14ca1e44343 Mon Sep 17 00:00:00 2001 From: Akram Date: Tue, 7 Aug 2018 21:35:56 +0530 Subject: [PATCH 02/29] Moving file to new commit(hindi translation) --- moving-a-commit-to-a-different-branch.hi.md | 25 +++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 moving-a-commit-to-a-different-branch.hi.md diff --git a/moving-a-commit-to-a-different-branch.hi.md b/moving-a-commit-to-a-different-branch.hi.md new file mode 100644 index 00000000000..fc9405f4c1a --- /dev/null +++ b/moving-a-commit-to-a-different-branch.hi.md @@ -0,0 +1,25 @@ +# एक कमिट शाखा को एक अलग शाखा में ले जाना +क्या होगा यदि आप कोई बदलाव कमिट करते हैं, और फिर महसूस करें कि आप एक अलग शाखा में आए हैं? +आप इसे कैसे बदल सकते हैं? यह ट्यूटोरियल कवर करता है। + +## सबसे मौजूदा काम को मौजूदा शाखा में ले जाना +ऐसा करने के लिए, टाइप करें: + +``` git reset HEAD~ --soft ```- अंतिम कमिट को पूर्ववत करता है, लेकिन उपलब्ध परिवर्तनों को छोड़ दें। +``` git stash ```- निर्देशिका की स्थिति रिकॉर्ड करता है। + +``` git checkout name-of-the-correct-branch ``` - दूसरी शाखा में स्विच करता है। +``` git stash pop ``` - आखिरी स्टेशेड स्टेटस को हटा देता है। +``` git add ``` - या अलग-अलग फाइलों को जोड़ने का प्रयास करें। +``` git commit -m "आपका संदेश यहां" ``` - परिवर्तनों को सुरक्षित कर देता है और कमिट करता है। + +अब आपके परिवर्तन सही शाखा पर हैं + + +### सबसे पुराना काम एक नई शाखा में ले जाना +ऐसा करने के लिए, टाइप करें: +``` git branch newbranch```- एक नई शाखा बनाता है। सभी कमिट को सुरक्षित कर देता है। +``` git reset --hard HEAD~#``` - मास्टर को वापस #कमिट में ले जाएं। याद रखें, यह काम मास्टर से जा चूका होगा +``` git checkout newbranch``` - आपके द्वारा बनाई गई शाखा में जाता है। इसमें सभी कमिट होंगे। + +याद रखें: कोई भी बदलाव कमिट नहीं किया गया तो खो जाएगा। \ No newline at end of file From fd60f64c51ca463ff04be6cce1a02af27a878358 Mon Sep 17 00:00:00 2001 From: Akram Date: Tue, 7 Aug 2018 22:01:21 +0530 Subject: [PATCH 03/29] Hindi translation to Moving a commit to a different branch --- ...oving-a-commit-to-a-different-branch.hi.md | 25 +++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 additional-material/git_workflow_scenarios/moving-a-commit-to-a-different-branch.hi.md diff --git a/additional-material/git_workflow_scenarios/moving-a-commit-to-a-different-branch.hi.md b/additional-material/git_workflow_scenarios/moving-a-commit-to-a-different-branch.hi.md new file mode 100644 index 00000000000..fc9405f4c1a --- /dev/null +++ b/additional-material/git_workflow_scenarios/moving-a-commit-to-a-different-branch.hi.md @@ -0,0 +1,25 @@ +# एक कमिट शाखा को एक अलग शाखा में ले जाना +क्या होगा यदि आप कोई बदलाव कमिट करते हैं, और फिर महसूस करें कि आप एक अलग शाखा में आए हैं? +आप इसे कैसे बदल सकते हैं? यह ट्यूटोरियल कवर करता है। + +## सबसे मौजूदा काम को मौजूदा शाखा में ले जाना +ऐसा करने के लिए, टाइप करें: + +``` git reset HEAD~ --soft ```- अंतिम कमिट को पूर्ववत करता है, लेकिन उपलब्ध परिवर्तनों को छोड़ दें। +``` git stash ```- निर्देशिका की स्थिति रिकॉर्ड करता है। + +``` git checkout name-of-the-correct-branch ``` - दूसरी शाखा में स्विच करता है। +``` git stash pop ``` - आखिरी स्टेशेड स्टेटस को हटा देता है। +``` git add ``` - या अलग-अलग फाइलों को जोड़ने का प्रयास करें। +``` git commit -m "आपका संदेश यहां" ``` - परिवर्तनों को सुरक्षित कर देता है और कमिट करता है। + +अब आपके परिवर्तन सही शाखा पर हैं + + +### सबसे पुराना काम एक नई शाखा में ले जाना +ऐसा करने के लिए, टाइप करें: +``` git branch newbranch```- एक नई शाखा बनाता है। सभी कमिट को सुरक्षित कर देता है। +``` git reset --hard HEAD~#``` - मास्टर को वापस #कमिट में ले जाएं। याद रखें, यह काम मास्टर से जा चूका होगा +``` git checkout newbranch``` - आपके द्वारा बनाई गई शाखा में जाता है। इसमें सभी कमिट होंगे। + +याद रखें: कोई भी बदलाव कमिट नहीं किया गया तो खो जाएगा। \ No newline at end of file From a39fb7d09ff51381c6d167364102af646a208d48 Mon Sep 17 00:00:00 2001 From: Akram Date: Tue, 7 Aug 2018 22:13:28 +0530 Subject: [PATCH 04/29] Moving a commit to a different branch(Hindi translation) --- .../moving-a-commit-to-a-different-branch.hi.md | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename additional-material/{git_workflow_scenarios => translations}/moving-a-commit-to-a-different-branch.hi.md (100%) diff --git a/additional-material/git_workflow_scenarios/moving-a-commit-to-a-different-branch.hi.md b/additional-material/translations/moving-a-commit-to-a-different-branch.hi.md similarity index 100% rename from additional-material/git_workflow_scenarios/moving-a-commit-to-a-different-branch.hi.md rename to additional-material/translations/moving-a-commit-to-a-different-branch.hi.md From 35e2770b1031a6156a6c99265ef100d86fe81334 Mon Sep 17 00:00:00 2001 From: Akram Date: Wed, 8 Aug 2018 21:03:57 +0530 Subject: [PATCH 05/29] Duplicate file deleted --- moving-a-commit-to-a-different-branch.hi.md | 25 --------------------- 1 file changed, 25 deletions(-) delete mode 100644 moving-a-commit-to-a-different-branch.hi.md diff --git a/moving-a-commit-to-a-different-branch.hi.md b/moving-a-commit-to-a-different-branch.hi.md deleted file mode 100644 index fc9405f4c1a..00000000000 --- a/moving-a-commit-to-a-different-branch.hi.md +++ /dev/null @@ -1,25 +0,0 @@ -# एक कमिट शाखा को एक अलग शाखा में ले जाना -क्या होगा यदि आप कोई बदलाव कमिट करते हैं, और फिर महसूस करें कि आप एक अलग शाखा में आए हैं? -आप इसे कैसे बदल सकते हैं? यह ट्यूटोरियल कवर करता है। - -## सबसे मौजूदा काम को मौजूदा शाखा में ले जाना -ऐसा करने के लिए, टाइप करें: - -``` git reset HEAD~ --soft ```- अंतिम कमिट को पूर्ववत करता है, लेकिन उपलब्ध परिवर्तनों को छोड़ दें। -``` git stash ```- निर्देशिका की स्थिति रिकॉर्ड करता है। - -``` git checkout name-of-the-correct-branch ``` - दूसरी शाखा में स्विच करता है। -``` git stash pop ``` - आखिरी स्टेशेड स्टेटस को हटा देता है। -``` git add ``` - या अलग-अलग फाइलों को जोड़ने का प्रयास करें। -``` git commit -m "आपका संदेश यहां" ``` - परिवर्तनों को सुरक्षित कर देता है और कमिट करता है। - -अब आपके परिवर्तन सही शाखा पर हैं - - -### सबसे पुराना काम एक नई शाखा में ले जाना -ऐसा करने के लिए, टाइप करें: -``` git branch newbranch```- एक नई शाखा बनाता है। सभी कमिट को सुरक्षित कर देता है। -``` git reset --hard HEAD~#``` - मास्टर को वापस #कमिट में ले जाएं। याद रखें, यह काम मास्टर से जा चूका होगा -``` git checkout newbranch``` - आपके द्वारा बनाई गई शाखा में जाता है। इसमें सभी कमिट होंगे। - -याद रखें: कोई भी बदलाव कमिट नहीं किया गया तो खो जाएगा। \ No newline at end of file From 5b7f8edb85f5b29ea1992496a08aded96a79d46a Mon Sep 17 00:00:00 2001 From: Pad Rajapakshe Date: Wed, 8 Aug 2018 20:33:23 -0400 Subject: [PATCH 06/29] Add Padmashantha Rajapakshe to Contributors list. --- Contributors.md | 1 + 1 file changed, 1 insertion(+) diff --git a/Contributors.md b/Contributors.md index f13ffeb99e1..c38f8bf13c3 100644 --- a/Contributors.md +++ b/Contributors.md @@ -15,6 +15,7 @@ - Avanti Prasanna - [Rafal Cieslinski](https://github.com/Bitz3d) - Josh Friesen +- Padmashantha Rajapakshe - [kholood Eassa](https://github.com/kholood-ea) - [Patrick O'Neill](https://github.com/howelloneill) - [Siva Kumar Lakkoju](https://github.com/sivakumar97) From 0ab2fe50851270ddbc1e0be97237c6f9346291f0 Mon Sep 17 00:00:00 2001 From: Otacilio Saraiva Maia Neto Date: Wed, 8 Aug 2018 21:31:15 -0300 Subject: [PATCH 07/29] Add country flags to quick access Resolves #4966 Adding flags to directly access translated versions of README.md --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index c7f2651b8b3..83621b96c41 100644 --- a/README.md +++ b/README.md @@ -16,6 +16,8 @@ Reading articles & watching tutorials can help, but what's better than actually fork this repository +[🇮🇳](translations/README.hi.md) [🇲🇲](translations/README.mm_unicode.md) [🇮🇩](translations/README.id.md) [🇫🇷](translations/README.fr.md) [🇪🇸](translations/README.es.md) [🇳🇱](translations/README.nl.md) [🇷🇺](translations/README.ru.md) [🇯🇵](translations/README.ja.md) [🇻🇳](translations/README.vn.md) [🇵🇱](translations/README.pl.md) [🇮🇷](translations/README.fa.md) [🇮🇷](translations/README.fa.en.md) [🇰🇷 🇰🇵](translations/README.ko.md) [🇩🇪](translations/README.de.md) [🇨🇳](translations/README.chs.md) [🇹🇼](translations/README.cht.md) [🇬🇷](translations/README.gr.md) [🇺🇦](translations/README.ua.md) [🇧🇷](translations/README.pt_br.md) [🇵🇹](translations/README.pt-pt.md) [🇮🇹](translations/README.it.md) [🇹🇭](translations/README.th.md) [🏴󠁥󠁳󠁧󠁡󠁿](translations/README.gl.md) [🇵🇰](translations/README.ur.md) [:bangladesh:](translations/README.bn.md) [:moldova: :romania:](translations/README.ro.md) [:uk:](translations/README.md) [🇹🇷](translations/README.tr.md) + If you don't have git on your machine, [install it]( https://help.github.com/articles/set-up-git/). ## Fork this repository From cd249f8d1a013578f42050304fca469dc087e442 Mon Sep 17 00:00:00 2001 From: Jonata William Date: Wed, 8 Aug 2018 21:33:03 -0300 Subject: [PATCH 08/29] Add Jonata William to Contributors list --- Contributors.md | 1 + 1 file changed, 1 insertion(+) diff --git a/Contributors.md b/Contributors.md index c38f8bf13c3..e6b08092c69 100644 --- a/Contributors.md +++ b/Contributors.md @@ -5112,3 +5112,4 @@ - [muphi](https://github.com/muphi) - [Jaret Screws](https://github.com/jaretscrews) - [Sami Perälahti](https://github.com/SamiNami) +- [Jonata William](https://github.com/jonatawilliam) From 5e7940d28bd5c7714aa81617e4bd1b0b69dfa9a8 Mon Sep 17 00:00:00 2001 From: Arshad Kazmi Date: Thu, 9 Aug 2018 09:28:34 +0530 Subject: [PATCH 09/29] search alignment, css cleanup --- .../components/ProjectList/CardsContainer.css | 12 ------ .../components/ProjectList/CardsContainer.jsx | 39 +++++++++++-------- .../components/ProjectList/ProjectsCards.jsx | 2 +- app/src/components/ProjectList/SearchCss.css | 16 -------- .../ProjectList/css/cards-container.css | 8 ++++ .../project-cards.css} | 0 app/src/components/ProjectList/css/search.css | 24 ++++++++++++ 7 files changed, 55 insertions(+), 46 deletions(-) delete mode 100644 app/src/components/ProjectList/CardsContainer.css delete mode 100644 app/src/components/ProjectList/SearchCss.css create mode 100644 app/src/components/ProjectList/css/cards-container.css rename app/src/components/ProjectList/{ProjectsCards.css => css/project-cards.css} (100%) create mode 100644 app/src/components/ProjectList/css/search.css diff --git a/app/src/components/ProjectList/CardsContainer.css b/app/src/components/ProjectList/CardsContainer.css deleted file mode 100644 index fc524036a5b..00000000000 --- a/app/src/components/ProjectList/CardsContainer.css +++ /dev/null @@ -1,12 +0,0 @@ -.Container-layout{ - background: #f7f7fc; - display: flex; - flex-wrap: wrap; - justify-content: center; - padding: 1vw; - overflow: hidden; -} - -#container { - background: #f7f7fc; -} diff --git a/app/src/components/ProjectList/CardsContainer.jsx b/app/src/components/ProjectList/CardsContainer.jsx index 027fa3b4ea7..e2c5409ae11 100644 --- a/app/src/components/ProjectList/CardsContainer.jsx +++ b/app/src/components/ProjectList/CardsContainer.jsx @@ -5,8 +5,8 @@ import each from 'lodash/each' import Card from './ProjectsCards'; import projectList from './listOfProjects'; -import './CardsContainer.css'; -import './SearchCss.css'; +import './css/cards-container.css'; +import './css/search.css'; import 'react-select/dist/react-select.css'; export default class CardsContainer extends React.Component { @@ -84,14 +84,14 @@ export default class CardsContainer extends React.Component { if (project.name.toLowerCase().includes(this.inputValue) || project.description.toLowerCase().includes(this.inputValue) || project.tags.toString().toLowerCase().includes(this.inputValue)) { - - searchedList.push(project) + + searchedList.push(project) } }); - + updatedList = searchedList; - } - + } + this.setState({ filterList: updatedList }); } @@ -110,16 +110,22 @@ export default class CardsContainer extends React.Component { return (
- -
+
+ +
+
+