From 70731b52c203ae7614f9a8a562392b295419f3f5 Mon Sep 17 00:00:00 2001 From: tiger2005 <41613797+tiger2005@users.noreply.github.com> Date: Wed, 1 Dec 2021 18:50:13 +0800 Subject: [PATCH 1/3] Update part of "Profile" page functions --- README.md | 2 +- css/client.css | 84 +++++++++- css/dark.css | 31 +++- css/default.css | 31 +++- index.html | 192 ++++++++++++++++++++++- js/authorize.js | 2 +- js/client.js | 34 +---- js/locale.js | 66 +++++++- js/multi.js | 81 +++++++++- js/problem-watcher.js | 7 +- js/problem.js | 3 +- js/profile.js | 347 ++++++++++++++++++++++++++++++++++++++++++ js/settings.js | 52 ++++++- js/submission.js | 2 +- problem.html | 2 +- 15 files changed, 872 insertions(+), 64 deletions(-) diff --git a/README.md b/README.md index 84bb45c..42120e0 100644 --- a/README.md +++ b/README.md @@ -24,4 +24,4 @@ https://afdian.net/@cfcontesthelper ## Chatting - Discord: [click here](https://discord.gg/natZEphAmS) -- QQ: group number: 458610798 \ No newline at end of file +- QQ: group number: 458610798 diff --git a/css/client.css b/css/client.css index c3caba5..22807f2 100644 --- a/css/client.css +++ b/css/client.css @@ -787,7 +787,17 @@ img[src=""],img:not([src]){opacity:0;} width: calc(100% - 210px); position: relative; } -.eventCloseButton{ +.userInfoDisplayer{ + user-select: text; + text-align: left !important; + font-size: 16px !important; + padding: 5px; + border-radius: 5px; + height: calc(100% - 440px); + width: calc(100% - 450px); + position: relative; +} +.eventCloseButton, .userInfoCloseButton{ position: absolute; right: 15px; top: 10px; @@ -958,6 +968,31 @@ pre{ place-items: center; } +/* MODULES */ +.modulesPage{ + padding: 0px 50px; + overflow-y: scroll; + width: calc(100% - 100px); + position: relative; + height: 100%; +} +.modulesBlock{ + padding: 10px; + width: calc(100% - 20px); + height: 90px; + border-radius: 5px; + display: flex; + flex-direction: row; + margin: 25px 0px; +} +.modulesTitle{ + font-size: 20px; +} +.modulesDesc{ + font-size: 16px; + color: #777; +} + /* SETTINGS */ .settingPage{ padding: 0px 50px; @@ -1282,18 +1317,59 @@ pre{ /* PROFILE */ -.infoUserSelector{ +.infoOptions .disabled, .userInfoOptions .disabled{ + color: #777; +} +.infoBlock{ + width: calc(100% - 40px); + margin: 10px 20px; + border-radius: 5px; + overflow: hidden; +} +.inputButtonSplitter{ + display: flex; + flex-direction: row; + height: 50px; width: calc(100% - 10px); padding: 5px; + border-radius: 5px; + background: rgba(127, 127, 127, 0.4); + position: relative; +} +.inputButtonSplitterTitle{ position: absolute; top: 0px; + height: 22px; + left: 50%; + transform: translate(-50%, -50%); + background: rgba(127, 127, 127, 1); + font-size: 16px; + padding: 0px 10px; + border-radius: 5px; +} +.inputButtonSplitter > input{ + margin-top: 10px; + background: transparent; + width: calc(100% - 40px); + font-family: var(--font-family); + font-size: 20px; +} +.inputButtonSplitter > button{ + margin-top: 10px; + cursor: pointer; + margin-left: 10px; + width: 40px; transition: 0.2s; + height: 40px; + border-radius: 5px; + font-size: 20px; + display: grid; + place-items: center; + outline: 0; } - - .setInlineBlock{ display: inline-block; } diff --git a/css/dark.css b/css/dark.css index a805cda..35a0542 100644 --- a/css/dark.css +++ b/css/dark.css @@ -101,13 +101,13 @@ body{ .submissionDisplayer > div:first-child > div:first-child{ background: rgb(35, 40, 45); } -.submissionCodeDisplayer, .eventDisplayer{ +.submissionCodeDisplayer, .eventDisplayer, .userInfoDisplayer{ background: rgb(35, 40, 45); } -.eventCloseButton{ +.eventCloseButton, .userInfoCloseButton{ background: #555; } -.eventCloseButton:hover{ +.eventCloseButton:hover, .userInfoCloseButton:hover{ background: #666; } .settingsLoginButton, .settingsLoginType{ @@ -147,14 +147,33 @@ body{ .multiOddLine{ background: #333; } +.infoBlock{ + background: rgb(51, 56, 61); +} +.infoBlockTitle{ + background: rgb(56, 61, 66); +} +.modulesBlock{ + background: rgb(51, 56, 61); +} - - - +.infoChangeUsernameInterface{ + background: #302e35; +} +.inputButtonSplitter > button{ + border: 1px solid #777; + color: white; +} +.inputButtonSplitter > input{ + border: 0; + border-bottom: 1px solid #888; + color: white; + outline: none; +} .blockManager{ background: rgb(46, 51, 56); } diff --git a/css/default.css b/css/default.css index 035189b..424e50d 100644 --- a/css/default.css +++ b/css/default.css @@ -105,13 +105,13 @@ body{ .submissionDisplayer > div:first-child > div:first-child{ background: #eee; } -.submissionCodeDisplayer, .eventDisplayer{ +.submissionCodeDisplayer, .eventDisplayer, .userInfoDisplayer{ background: #ddd; } -.eventCloseButton{ +.eventCloseButton, .userInfoCloseButton{ background: #ccc; } -.eventCloseButton:hover{ +.eventCloseButton:hover, .userInfoCloseButton:hover{ background: #bbb; } .settingsLoginButton, .settingsLoginType{ @@ -150,10 +150,29 @@ body{ .multiOddLine{ background: #ccc; } +.infoBlock{ + background: #ccc; +} - - - +.addProblemInterface{ + background: #ddd; +} +.inputButtonSplitter > button{ + border: 1px solid #777; + color: white; +} +.inputButtonSplitter > input{ + border: 0; + border-bottom: 1px solid #777; + color: black; + outline: none; +} +.infoBlockTitle{ + background: #bbb; +} +.modulesBlock{ + background: #ccc; +} diff --git a/index.html b/index.html index a46036d..a3f835f 100644 --- a/index.html +++ b/index.html @@ -95,6 +95,28 @@ + +
@@ -127,6 +149,12 @@
+
+
+
+
+
+

@@ -543,8 +571,167 @@
-
- + +
+
+
+
+
+
+
+ User Avatar +
+
+
+
+
+ : ? +
+
+ : ? +
+
+ +
+
+
+
+
+
?
?
+
+
+
+
+
+
+
+
+
+
+
+
+
+ - +
+
+
+ - +
+
+
+ - +
+
+
+ - +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+ +
+
+
+ + +
+
+ +
+
+
+ +
+
+ +
+
+
+ + +
+
+ +
+
+
+ +
+
+ +
+
+
+ + +
+
+ +
+
+
+ +
+
+ +
+
+
+ + +
+
+ +
+
+
+
+
@@ -859,7 +1046,6 @@
-