diff --git a/static-data/www/board/board.js b/static-data/www/board/board.js index 66bf01a9..61e10a22 100755 --- a/static-data/www/board/board.js +++ b/static-data/www/board/board.js @@ -251,4 +251,10 @@ newPostForm.onsubmit = function(){ return false } +resetCirclePickers = function(){ + document.getElementById('recommendedBoards').value = "" + document.getElementById('popularBoards').value = "" +} + +document.getElementById('feedIDInput').onchange = resetCirclePickers diff --git a/static-data/www/board/default-circle-picker.js b/static-data/www/board/default-circle-picker.js index 36a5d673..4b6e29c2 100644 --- a/static-data/www/board/default-circle-picker.js +++ b/static-data/www/board/default-circle-picker.js @@ -22,4 +22,5 @@ recommendedIDs = document.getElementById('recommendedBoards') recommendedIDs.onchange = function(){ document.getElementById('feedIDInput').value = recommendedIDs.value getBlocks() + resetCirclePickers() } \ No newline at end of file diff --git a/static-data/www/board/index.html b/static-data/www/board/index.html index a269c21f..2b4b7a52 100755 --- a/static-data/www/board/index.html +++ b/static-data/www/board/index.html @@ -8,25 +8,26 @@ Circles - - + + - - + + - - + + - + - - + + + @@ -114,22 +115,43 @@ Circle Name

- +

- Refresh Feed + Refresh Feed

- - +
+
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+
+
+
+


Note: All posts in Circles are publicly accessible. diff --git a/static-data/www/board/popular.js b/static-data/www/board/popular.js new file mode 100644 index 00000000..9fffb301 --- /dev/null +++ b/static-data/www/board/popular.js @@ -0,0 +1,45 @@ +/* + Onionr - Private P2P Communication + + Load popular boards and show them in the UI. Handle selections of popular boards. + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with this program. If not, see . +*/ + + +fetch('/circles/getpopular/8', { + method: 'GET', + headers: { + "token": webpass +}}) +.then((popular) => popular.text()) +.then(function(popular) { + var popularSelect = document.getElementById('popularBoards') + let boards = popular.split(',') + for (board of boards){ + let newOption = document.createElement('option') + if (board == ""){continue} + newOption.value = board + newOption.innerText = board.charAt(0).toUpperCase() + board.slice(1) + console.debug(board) + popularSelect.appendChild(newOption) + } +}) + +document.getElementById('popularBoards').onchange = function(){ + document.getElementById('feedIDInput').value = document.getElementById('popularBoards').value + getBlocks() + resetCirclePickers() +} + diff --git a/static-data/www/board/theme.css b/static-data/www/board/theme.css index cc15b0ba..a1d1997b 100755 --- a/static-data/www/board/theme.css +++ b/static-data/www/board/theme.css @@ -8,4 +8,4 @@ body{ background-color: #212224; color: white; -} \ No newline at end of file +}