From 6a29642e56dab7ac770555efd5e0cbc5246e7a5c Mon Sep 17 00:00:00 2001 From: supertiger1234 Date: Wed, 24 Apr 2019 20:56:55 +0100 Subject: [PATCH] minor changes and added electron frame buttons --- .babelrc | 3 + .eslintrc.js | 2 +- .vs/VSWorkspaceState.json | 8 - .vs/slnx.sqlite | Bin 77824 -> 0 bytes package-lock.json | 47 +++- package.json | 2 +- src/components/ElectronJS/FrameButtons.vue | 74 +++++ src/components/Spinner.vue | 2 +- src/components/app/FriendsList.vue | 4 +- src/components/app/MessagePanel.vue | 10 +- src/components/app/MessageTemplate.vue | 2 +- src/components/app/MyMiniInformation.vue | 24 +- .../Popouts/Popouts/SettingsPanels/survey.vue | 1 - .../Popouts/Popouts/userInformationPopout.vue | 11 +- src/components/app/ServerList.vue | 70 +++++ src/components/app/Tabs/News.vue | 5 +- src/components/app/Tabs/Servers.vue | 66 +++++ src/components/homePage/LoggedIn.vue | 7 + src/utils/changelog.js | 264 ++++++++---------- src/views/App.vue | 115 +++++--- 20 files changed, 492 insertions(+), 225 deletions(-) create mode 100644 .babelrc delete mode 100644 .vs/VSWorkspaceState.json delete mode 100644 .vs/slnx.sqlite create mode 100644 src/components/ElectronJS/FrameButtons.vue create mode 100644 src/components/app/ServerList.vue create mode 100644 src/components/app/Tabs/Servers.vue diff --git a/.babelrc b/.babelrc new file mode 100644 index 0000000..4c8c281 --- /dev/null +++ b/.babelrc @@ -0,0 +1,3 @@ +{ + "plugins": ["@babel/plugin-syntax-dynamic-import"] +} \ No newline at end of file diff --git a/.eslintrc.js b/.eslintrc.js index 122372d..5fac39c 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -7,7 +7,7 @@ module.exports = { }, "extends": [ "eslint:recommended", - "plugin:vue/essential" + "plugin:vue/essential", ], "globals": { "Atomics": "readonly", diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json deleted file mode 100644 index 2964a7a..0000000 --- a/.vs/VSWorkspaceState.json +++ /dev/null @@ -1,8 +0,0 @@ -{ - "ExpandedNodes": [ - "", - "\\src" - ], - "SelectedNode": "\\src\\main.js", - "PreviewInSolutionExplorer": false -} \ No newline at end of file diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite deleted file mode 100644 index 8941b1d771ee303c797f9bbc4a5fa7ce4acd0e21..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 77824 zcmeI5&u<&Y700=vL`tM-DpeYy)gfyahQ;cKf5mVTAZY2;%HEnHW&V&Os06VhSMsLh zQsyp|2u%;Pn*?e9gaEzv)PEod&{Kh&aw>XgQ8Yj=y%at4kQPCT&g|~&kKxjm)Yy%M zF9H47nK!dmVTB42ali+yIvFO%$o z{1gJekNfqd*z#8orl@fCODglN?3ZT_(x0af3O zB+e%6`w!1&lDT`!!f;(T+S)tS!|qP6v#RathHmLSqv`x=?5*h?O=&lkD50}bMK082 zQ7Ns;Z;IPT>Z6fKiDJ1lD%}tlw!=4V2_T%)reN)t6nTFxxH-kdk1=3>jzsi8L=X-$rZUI z$yITi3Cf10TZfGWuYk17JDpLr$Yia`MVXABj9x0N%IroCoYH2YBHb=j7Oq~up7)gD zn6V~ngHGr0?m+G6ySmnn>LARTwYx*+-)F%_!)gnymS&pzj^3f;@R0FhoOO-Jh2T)T zuO6C~*7fl4MHG`5;#A*QrFP6!YI1kxHhfjk@Q>g&?i5Dp{I!@!$PA8cA>JJ#G8j~`AiKQWrJmfl#8(wNTJtBGVzUS>09`%fU$H8<40W>`%c zp82|D+7NFl zqx+GfYFgzTQ|ljSWDWPDhr4Ydn~SwVy;u`lgT8Hc77I0Q>{%;UWaU=L-uV#kA8Q(Z zoDFVrc!FaVrxUK@#F={WWbVqmFnrnBqH30<8+!q3syZc;Ve@lK19G0#xmDxbBfl|` z$Sp1kTehj056GTJYns}Ffo70hQ1~()GBmDo!65#-%l`%jH)tU4HG-)yr326R%!={mQl1ue|z_Fd4g;tCHMCS9M>1URk-ea-BZ^Ph|fb z%l?ym!v_RF00ck)1V8`;KmY_l00ck)1VG^VBkBP!`NsGSv{jYvQ^Zygszr?ct zCg1P@0T2KI5C8!X009sH0T2KI5C8!XcpeFSCw@bSd?hfEh|kTC_W;iGKl%Irf8p={ zpT`M?&L98+AOHd&00JNY0w4eaAOHd&5c}@rjhQiz|H;X@7=8Yy=l{un`iBn)fB*=9 z00@8p2!H?xfB*=900@A}%Hb-y9j#Soei-z*h%i178)i=p%##*HM|H2U|ath~U8C4A+fM95WU~)&`x<;oX7S z(RX#N9o0d!m)s%qA24AS1l_dKnrW%s{f0=_=$f)l7BY7wS)5MhF6D)XY1{Ug!nD68{l*F$sx$7i)=SFW zx=eh~UOJeJ*T^$2R^x6X$Rfc?9EG`f;ni+xeUmuWNbr6rB$K&(UU>9|ZH25er~B~L zbl3vJl>z%>6(_Vi*4!D7A5JfmZNTHBDQoGC^(c*Lw0Jd<%*o4a#(2YTZm49dYc*+j z=IfG?)5l8%d+=tG7orP()cU$a_Nul5d;`Ll>Ojk5 zYn*>{IBAEr4=(tjEf7igdrgH6i?0rt7GHHj6N_4CpJZF(rodk|>0^ky0xKrfv?1P9 z0*@$eT~Rfy@{XzX4>Yod`_Y5h_Nu&As26KuYtXmN&SIg)?R>3Vk(FB|`(cQ9|2Vw@ z&oIHq9-iQs#p#3(BE*?`@nr7GyfA#(*`jKer5k$zYpOaWlVS67O9OJA)wxyU+#|m+ zk;pAB3R||RnGeXGM{Aneg8_Xy=wYTZ10D4-+ zPQvM$$zQu~pf?ryp2*jUs+mdMQ);)#aUZE(sVbZDs7#^i9>1aojjH5$lT;J=#DLNk z3sv!^YPu)BoQ$B-UJ}Qp9H_kHBrO~fzX?sagsQFk;##G=K5|z-IZP6w<&uBtXz5>5 z%{Nve)C-HORacI$?noE5`tQCgUi|Szk^IfyJeS1*JUNa4!JTqkXH!gP|~yQi|B zuw)s>XO|yj`B9ds501)9zy{S}f{ykiS;-1W%Rq*6>?zITA0jwGZrDx0c}E-BD4*h4 zM&jEzn>%*aaW>aJTus-=v5Z1zg>g1Fd>GO>GUF`;{6W;`=WH(i{l9O@79V +
+
+ minimize +
+
+ check_box_outline_blank +
+
+ close +
+
+ + + + + + diff --git a/src/components/Spinner.vue b/src/components/Spinner.vue index f04d1df..bb6c9ad 100644 --- a/src/components/Spinner.vue +++ b/src/components/Spinner.vue @@ -16,7 +16,7 @@ export default { diff --git a/src/components/app/Tabs/News.vue b/src/components/app/Tabs/News.vue index 7a8d1c9..a778257 100644 --- a/src/components/app/Tabs/News.vue +++ b/src/components/app/Tabs/News.vue @@ -84,7 +84,7 @@ export default { padding: 10px; background: rgba(0, 0, 0, 0.555); margin-bottom: 10px; - border-radius: 5px; + border-radius: 10px; } .heading.latest { background: rgba(38, 139, 255, 0.87); @@ -121,8 +121,5 @@ export default { .todo-list { margin-left: 0; } - .change-log { - margin-bottom: 20px; - } } diff --git a/src/components/app/Tabs/Servers.vue b/src/components/app/Tabs/Servers.vue new file mode 100644 index 0000000..b06f89e --- /dev/null +++ b/src/components/app/Tabs/Servers.vue @@ -0,0 +1,66 @@ + + + + + diff --git a/src/components/homePage/LoggedIn.vue b/src/components/homePage/LoggedIn.vue index 1287e2c..66c15b5 100644 --- a/src/components/homePage/LoggedIn.vue +++ b/src/components/homePage/LoggedIn.vue @@ -86,7 +86,13 @@ export default { .username { font-size: 20px; + word-wrap: break-word; + word-break: break-word; + white-space: pre-wrap; + overflow: hidden; user-select: all; + max-width: 200px; + margin: auto; } .tag{ @@ -96,6 +102,7 @@ export default { .buttons{ display: flex; + margin: auto; } .button { diff --git a/src/utils/changelog.js b/src/utils/changelog.js index 61395b5..9fb6de8 100644 --- a/src/utils/changelog.js +++ b/src/utils/changelog.js @@ -1,9 +1,20 @@ const config = [ + { + version: 2, + title: "Make your own servers!", + shortTitle: "Servers", + date: "24/04/2019", + headColor: "rgba(155, 244, 66, 0.77)", + new: [ + "", + ], + next: [""] + }, { version: 1.5, - title: 'New Notification Sound', - shortTitle: 'Notification Sound', - date: '22/04/2019', + title: "New Notification Sound", + shortTitle: "Notification Sound", + date: "22/04/2019", headColor: "rgba(16, 0, 154, 0.77)", new: [ "Do not disturb should now mute notification sounds.", @@ -16,9 +27,9 @@ const config = [ }, { version: 1, - title: 'Profile Panel', - shortTitle: 'Profile Panel', - date: '21/04/2019', + title: "Profile Panel", + shortTitle: "Profile Panel", + date: "21/04/2019", headColor: "rgba(39, 14, 204, 0.77)", new: [ "Tabs have been added at the top of the screen.", @@ -28,197 +39,170 @@ const config = [ "Added a survey option to display your hobbies and age in your profile page." ], fix: ["Some formatting issues with custom emojis have been fixed."], - next: ['Make your own servers'] + next: ["Make your own servers"] }, { - title: 'Custom emojis!', - shortTitle: 'Custom emojis!', - date: '29/03/2019', + title: "Custom emojis!", + shortTitle: "Custom emojis!", + date: "29/03/2019", headColor: "rgba(255, 48, 48, 0.77)", new: [ - 'You can now add your own emojis for free.', + "You can now add your own emojis for free.", "User status in the top bar to easily view if someone is still online or, if you're talking to a wall on the phone.", - 'Switching dms should be faster now.' + "Switching dms should be faster now." ], - next: ['Servers', 'View an users information page'] + next: ["Servers", "View an users information page"] }, { - title: 'Emoji tabs and recent emojis', - shortTitle: 'Emoji tabs and recent emojis', - date: '22/03/2019', + title: "Emoji tabs and recent emojis", + shortTitle: "Emoji tabs and recent emojis", + date: "22/03/2019", headColor: "rgba(244, 169, 65, 0.77)", - new: [ - 'Tabs in emoji panel', - 'Recent Emojis now show in the emoji panel' - ], - fix: [ - 'Emoji panel closes when clicking outside the panel.', - ], - next: ['Custom emojis'] + new: ["Tabs in emoji panel", "Recent Emojis now show in the emoji panel"], + fix: ["Emoji panel closes when clicking outside the panel."], + next: ["Custom emojis"] }, { - title: 'Emojis :D', - shortTitle: 'Emojis', - date: '20/03/2019', + title: "Emojis :D", + shortTitle: "Emojis", + date: "20/03/2019", headColor: "rgba(17, 153, 69, 0.77)", new: [ - 'Emoji suggestions in chat when typing in any emoji :ok_hand:', - 'Emoji picker', - 'Removed planned features from changelog' + "Emoji suggestions in chat when typing in any emoji :ok_hand:", + "Emoji picker", + "Removed planned features from changelog" ], next: [ - 'make tabs in emoji panel', - 'Make it so that emoji panel closes when clicking outside the panel.', - 'Custom emojis for freeeee!', + "make tabs in emoji panel", + "Make it so that emoji panel closes when clicking outside the panel.", + "Custom emojis for freeeee!" ] }, { - title: 'Upload anything!', - shortTitle: 'Upload anything!', - date: '08/03/2019', + title: "Upload anything!", + shortTitle: "Upload anything!", + date: "08/03/2019", headColor: "rgba(38, 139, 255, 0.77)", new: [ - 'You can now upload any kind of files to friends. (Google drive required)', - 'Shift + enter should expand the text area.', - 'Made some design changes to the home page panel.' + "You can now upload any kind of files to friends. (Google drive required)", + "Shift + enter should expand the text area.", + "Made some design changes to the home page panel." ], fix: [ - 'Improved performance by using Redis in more places.', - 'Small bugs fixed around some places.' + "Improved performance by using Redis in more places.", + "Small bugs fixed around some places." ], - next: [ - 'Servers or emojis.', - ] + next: ["Servers or emojis."] }, { - title: 'Notifications are finally here!', - shortTitle: 'Notifications', - date: '18/02/2019', + title: "Notifications are finally here!", + shortTitle: "Notifications", + date: "18/02/2019", new: [ - 'When you get a notification, you will now be notified by the red flashing Indicator.', - 'When you get a new friend request, you will notified by a sound.', - 'Added a new Recents tab to easily see who messaged you last.', - 'Adjusted the padding and size in some places such as the friends list.', - 'Messages can now be formated (e.g. **Hello**)' + "When you get a notification, you will now be notified by the red flashing Indicator.", + "When you get a new friend request, you will notified by a sound.", + "Added a new Recents tab to easily see who messaged you last.", + "Adjusted the padding and size in some places such as the friends list.", + "Messages can now be formated (e.g. **Hello**)" ], fix: [ - 'Performance improvements were made in some places.', + "Performance improvements were made in some places.", 'Yesterday is now spelt with a capital "Y" in the timestamp.' ], - next: [ - 'Uploading images or any files.', - ] + next: ["Uploading images or any files."] }, { - title: 'Typing Indicator', - shortTitle: 'Typing Indicator', - date: '08/02/2019', + title: "Typing Indicator", + shortTitle: "Typing Indicator", + date: "08/02/2019", new: [ - 'See who\'s typing with the new typing indicator!', - 'Online and offline friends now have their own category.', - 'Timestamps for each message.' + "See who's typing with the new typing indicator!", + "Online and offline friends now have their own category.", + "Timestamps for each message." ], fix: [ - 'Some bugs with the message list scrolling.', - 'Added some margin and padding to some places.' + "Some bugs with the message list scrolling.", + "Added some margin and padding to some places." ], - next: [ - 'Message notifications.', - ] + next: ["Message notifications."] }, { - title: 'Avatar', - shortTitle: 'Avatar', - date: '29/01/2019', + title: "Avatar", + shortTitle: "Avatar", + date: "29/01/2019", new: [ - 'Settings page has been added.', - 'You can now set your own profile picture from the settings page.', - 'You can now logout within the app.' + "Settings page has been added.", + "You can now set your own profile picture from the settings page.", + "You can now logout within the app." ], - next: [ - 'Typing status.', - ] + next: ["Typing status."] }, { - title: 'Message limit, Chat message changes', - shortTitle: 'Message limit', - date: '25/01/2019', + title: "Message limit, Chat message changes", + shortTitle: "Message limit", + date: "25/01/2019", + new: ["Changed the design of messages slightly and changed the font size."], + fix: ["Messages now have a limit of 5000 characters."], + next: ["I have decided to add profile pictures in the next update."] + }, + + { + title: "ReeeeCaptcha :D", + shortTitle: "ReCaptcha", + date: "23/01/2019", new: [ - 'Changed the design of messages slightly and changed the font size.' + "Added reCaptcha to our login and register so our website is safe from any spam accounts that could be created by bots." + ], + next: ["Typing status or maybe profile pictures (haven't decided yet)"] + }, + { + title: "Online status and fixes", + shortTitle: "Online status and fixes", + date: "22/01/2019", + new: [ + "See if your friends are online, away, busy, looking to play or offline.", + "Planned features and the latest change now shows in app." ], fix: [ - 'Messages now have a limit of 5000 characters.', - ], + "Messages will no longer show twice when sending.", + "Adjusted padding on some places.", + "Message font is now much smaller." + ] + }, + { + title: "Send and receive messages (experimental)", + shortTitle: "Send and receive messages", + date: "14/01/2019", + new: ["You can now send messages to your friends!"], next: [ - 'I have decided to add profile pictures in the next update.', + "improving the new messaging functionality and adding typing indicators, online statuses." ] }, { - title: 'ReeeeCaptcha :D', - shortTitle: 'ReCaptcha', - date: '23/01/2019', + title: "Public change log, Accept friends", + shortTitle: "Public change log, Accept friends", + date: "09/01/2019", new: [ - 'Added reCaptcha to our login and register so our website is safe from any spam accounts that could be created by bots.', + "Added a change log so you can see how much progress is being made to Nertivia.", + "Adding friends, denying requests, accepting requests is now possible." ], - next: [ - 'Typing status or maybe profile pictures (haven\'t decided yet)', - ] - }, - { - - title: 'Online status and fixes', - shortTitle: 'Online status and fixes', - date: '22/01/2019', - new: [ - 'See if your friends are online, away, busy, looking to play or offline.', - 'Planned features and the latest change now shows in app.' - ], - fix: [ - 'Messages will no longer show twice when sending.', - 'Adjusted padding on some places.', - 'Message font is now much smaller.' - ] - }, - { - - title: 'Send and receive messages (experimental)', - shortTitle: 'Send and receive messages', - date: '14/01/2019', - new: [ - 'You can now send messages to your friends!', - ], - next: [ - 'improving the new messaging functionality and adding typing indicators, online statuses.', - ] + next: ["Ability to send messages."] }, { - title: 'Public change log, Accept friends', - shortTitle: 'Public change log, Accept friends', - date: '09/01/2019', - new: [ - 'Added a change log so you can see how much progress is being made to Nertivia.', - 'Adding friends, denying requests, accepting requests is now possible.' - ], - next: [ - 'Ability to send messages.', - ] + title: "Issues fixed", + shortTitle: "Issues fixed", + date: "04/01/2019", + msg: "Tweaks have been made to the website here and there." }, { - title: 'Issues fixed', - shortTitle: 'Issues fixed', - date: '04/01/2019', - msg: 'Tweaks have been made to the website here and there.' - }, - - { - title: 'Compatibility', - date: '31/12/2018', - msg: 'Website is now compatible for viewing on mobile, tablet and desktop devices.' + title: "Compatibility", + date: "31/12/2018", + msg: + "Website is now compatible for viewing on mobile, tablet and desktop devices." } -] +]; - -export default config; \ No newline at end of file +export default config; diff --git a/src/views/App.vue b/src/views/App.vue index 9414761..627b2a4 100644 --- a/src/views/App.vue +++ b/src/views/App.vue @@ -5,32 +5,38 @@
-
+
+
+
+ list_alt + Changelog +
-
- list_alt - Changelog -
+
+ chat + Direct Message +
-
- chat - Direct Message -
- -
- forum - Servers -
-
- rss_feed - Server Browser +
+ forum + Servers +
+
+ rss_feed + Server Browser +
+
+
- - -
-
cached
+ + + +
+
+ cached +
Coming soon!
@@ -44,26 +50,41 @@ import { bus } from "../main"; import Popouts from "@/components/app/Popouts/Popouts.vue"; -import changelog from '@/utils/changelog.js'; +import changelog from "@/utils/changelog.js"; import ConnectingScreen from "./../components/app/ConnectingScreen.vue"; +import Spinner from "./../components/Spinner.vue"; -const News = () => import('./../components/app/Tabs/News.vue'); -const DirectMessage = () => import('./../components/app/Tabs/DirectMessage.vue'); - - +const ElectronFrameButtons = () => + import("./../components/ElectronJS/FrameButtons.vue"); + +const News = () => import("./../components/app/Tabs/News.vue"); +//const DirectMessage = () => import('./../components/app/Tabs/DirectMessage.vue'); +const DirectMessage = () => ({ + component: import("./../components/app/Tabs/DirectMessage.vue"), + loading: Spinner, + delay: 0 +}); +const Servers = () => ({ + component: import("./../components/app/Tabs/Servers.vue"), + loading: Spinner, + delay: 0 +}); export default { name: "app", components: { + ElectronFrameButtons, DirectMessage, + Servers, ConnectingScreen, Popouts, News }, data() { return { - currentTab: localStorage.getItem('currentTab') || 0, - title: "Nertivia" + currentTab: localStorage.getItem("currentTab") || 0, + title: "Nertivia", + isElectron: window && window.process && window.process.type }; }, methods: { @@ -73,14 +94,13 @@ export default { } }, mounted() { - // check if changelog is updated - const seenVersion = localStorage.getItem('changelog-version-seen'); + const seenVersion = localStorage.getItem("changelog-version-seen"); if (!seenVersion || seenVersion < changelog[0].version) { this.currentTab = 0; - localStorage.setItem('currentTab', 0) + localStorage.setItem("currentTab", 0); } - localStorage.setItem('changelog-version-seen', changelog[0].version) + localStorage.setItem("changelog-version-seen", changelog[0].version); bus.$on("title:change", title => { this.title = title; }); @@ -95,8 +115,7 @@ export default {