From c29b8f7fff9e6b4eb7bb02da3284b015493b2a3a Mon Sep 17 00:00:00 2001 From: FoskyM Date: Sun, 1 Oct 2023 19:14:59 +0800 Subject: [PATCH] feat: authorize page --- js/dist/forum.js | Bin 4090 -> 6146 bytes js/dist/forum.js.map | Bin 13659 -> 20023 bytes .../forum/components/oauth/AuthorizePage.js | 167 ++++++++++---- less/forum.less | 1 + less/forum/oauth.less | 218 ++++++++++++++++++ 5 files changed, 338 insertions(+), 48 deletions(-) create mode 100644 less/forum/oauth.less diff --git a/js/dist/forum.js b/js/dist/forum.js index 2422d75c017c9af68f12a51062aefe48d9701d4a..1ab32a43bd8d0d323de5467aa6080d1f4d66182b 100644 GIT binary patch literal 6146 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 diff --git a/js/dist/forum.js.map b/js/dist/forum.js.map index 40b9e1ec57e06900644f0c55fec7d9e2c2ce3eb7..8acbfd87f79487955fa7e825bc6a3ba511f78767 100644 GIT binary patch literal 20023 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 M9P$4IH}UBI0W4~~^Z)<= delta 1497 zcmZ`%OK%%h6qX}VJ1Hqm(lkKYbZQ!sc&-ztRZBt%;>?+en>dc!JV_c<`7w?MkH@J! zc1=+TAR)0rR7bEWLPF}IOQb9+Hd(Ml>WT#dB>n&rOC%&DIQNb%S^>5+_nznXo$sDU zUxa>s`|ID1g)%f4{y6LzA_MakdJvxJDk1$6jty3f>%sznD~38yB*F6NY-H%UvboLK zuDPWnhmbIGKD14CWF}OkFC+1;DWu1dwNQqV!W!&J%i7Y^N7eyK%EmD9@L~#S)2FhLw*SIgP37AT$x)!y1rUyG&4Fqs3u?o;Knsn5YIOs&`9ND#GOO6Cw-Z6v?=vf8X z&I%|c6%GDaOqhq5msf>{IZm_8JBI8IViVBXQv$HTp6qR9Y}GoxO#r)Y90Y?hdz?j< zC>SgcpkzVrz}RXaG%p$~NV_#_38|d4Q$?OLxshs@{y$WJRA!y3rc6$6bNPX+=U$mL zkq6wnmVb%?zkbO`NeZ9$ju-Y`}^STkH+Tgl-34Zwx{R|1b@k5-@(iqa zT2y%cWt5Az*+RwT@q|xnPpO@-ru^j&j8H%TKnyjk4EWQe`%k^R25po~Gqp$M$@-y@u;vrC;$9 z-HK`SQEcX!{T*+|qwium{ShmYtq=9=YqndrwRhS5ss0juqc2gfc$t2h8m9O4Q}mv= z(3`J%bzf`L9Em~q;sf+X{P|PTTXpS8x4JtnV-t)`kK^}fPMoF1sb2aa9;fdo=by4a znKIh;alu?P_1l-F@}@kBqNdetf6eh-dwfE1TS>U|ZQ=z`DNV<|6ZmD7Q`E-K`z5D7 z84RupWI)quw%@3E+Su4X0JM_Gk7~L$#(!OVqO4tg%ga{m2{p`7;v8ko7?q~`=!5Ao zdN_B2?wirW53$g#*Y{k app.modal.show(LogInModal), 500); - } + params = []; + client = null; - const params = m.route.param(); - - if (params.client_id == null || params.response_type == null || params.redirect_uri == null) { - m.route.set('/'); - } else { - this.params = params; - app.store.find('oauth-clients', params.client_id).then(client => { - if (client.length === 0) { - m.route.set('/'); - } else { - this.client = client[0]; - const uris = client.redirect_uri.split(' '); - console.log(uris); - if (app.forum.attribute('foskym-oauth-center.require_exact_redirect_uri') && uris.indexOf(params.redirect_uri) == -1) { - m.route.set('/'); - } - if (app.forum.attribute('foskym-oauth-center.allow_implicit') && params.response_type == 'token') { - m.route.set('/'); - } - if (app.forum.attribute('foskym-oauth-center.enforce_state') && params.enforce_state == null) { - m.route.set('/'); - } + oninit(vnode) { + super.oninit(vnode); + if (!app.session.user) { + setTimeout(() => app.modal.show(LogInModal), 500); } - }); - } - } - setTitle() { - app.setTitle(extractText(app.translator.trans('foskym-oauth-center.forum.page.title.authorize'))); - app.setTitleCount(0); - } - view() { - if (!this.client) { - return ''; + const params = m.route.param(); + + if (params.client_id == null || params.response_type == null || params.redirect_uri == null) { + m.route.set('/'); + } else { + this.params = params; + app.store.find('oauth-clients', params.client_id).then(client => { + if (client.length === 0) { + m.route.set('/'); + } else { + this.client = client[0]; + let uris = null; + if (this.client.redirect_uri().indexOf(' ') > -1) { + uris = this.client.redirect_uri().split(' '); + } else { + uris = [this.client.redirect_uri()]; + } + + if (app.forum.attribute('foskym-oauth-center.require_exact_redirect_uri') && uris.indexOf(params.redirect_uri) == -1) { + m.route.set('/'); + } + if (app.forum.attribute('foskym-oauth-center.allow_implicit') && params.response_type == 'token') { + m.route.set('/'); + } + if (app.forum.attribute('foskym-oauth-center.enforce_state') && params.enforce_state == null) { + m.route.set('/'); + } + } + }); + } + } + + setTitle() { + app.setTitle(extractText(app.translator.trans('foskym-oauth-center.forum.page.title.authorize'))); + app.setTitleCount(0); + } + + view() { + if (!this.client) { + return ''; + } + return ( +
+
+
+
+
+

{app.forum.attribute('title')}

+

+ {app.translator.trans('foskym-oauth-center.forum.authorize.access')} {this.client.client_name()} +

+ +
+
+ +
+ + + + + +
+
+
+
+ +
+
+
+ 保持对已向 计量便民平台 授予访问权限的数据的访问权限
+ + 即使当前没有使用该应用，也允许 计量便民平台 查看和更新你授予其访问权限的数据。这不会向 + 计量便民平台 授予任何其他权限。 +
+
+
+
+ +
+
+
+ 读取用户个人资料
+ + 访问该用户(mouse123)的个人信息、最新动态等 +
+
+
+
+ + + + + +
+ + +
+
+ + +
+
+
+
+
+ ); } - app.setTitle(extractText(app.translator.trans('foskym-oauth-center.forum.page.title.authorize') + ' ' + this.client.client_name)); - app.setTitleCount(0); - return ( -
-
-
-
- ); - } } diff --git a/less/forum.less b/less/forum.less index e69de29..8a23319 100644 --- a/less/forum.less +++ b/less/forum.less @@ -0,0 +1 @@ +@import url('./forum/oauth'); diff --git a/less/forum/oauth.less b/less/forum/oauth.less new file mode 100644 index 0000000..b76de17 --- /dev/null +++ b/less/forum/oauth.less @@ -0,0 +1,218 @@ +.oauth-area { + display: block !important; + position: relative; + left: 0; + top: 0; + padding: 110px 0; + min-height: 100%; + box-sizing: border-box; +} + +.oauth-main { + position: relative; + width: 376px; + margin: 0 auto; + box-sizing: border-box; +} + +.oauth-main::before { + backdrop-filter: blur(20px); + content: ''; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + box-shadow: 0 25px 50px #00000030; + background: hsla(0, 0%, 100%, .3); +} + +.oauth-box { + padding: 20px; + background-color: #f3f3f3; +} + +.oauth-header { + backdrop-filter: blur(0); + text-align: center; + box-shadow: 0 5px 10px -5px #d2d2d2; +} + +.oauth-header h2 { + margin-bottom: 8px; + font-weight: 600; + font-size: 40px; + color: #000; +} + +.oauth-header p { + font-weight: 400; + font-size: 20px; + color: #333; +} + +.oauth-body .oauth-form-item { + position: relative; + margin-bottom: 15px; + clear: both; + *zoom: 1; +} + +.oauth-body .oauth-form-item:after { + content: '\20'; + clear: both; + *zoom: 1; + display: block; + height: 0; +} + +.oauth-icon { + position: absolute; + left: 4px; + top: 1px; + width: auto; + line-height: 35px; + text-align: center; + color: #999; + padding: 0 8px; + font-size: 14px; +} + +label:before { + color: #999; +} + +@media screen and (max-width: 768px) { + .oauth-area { + padding-top: 60px + } + + .oauth-main { + width: 300px + } + + .oauth-box { + padding: 10px + } + + .oauth-main::before { + backdrop-filter: none; + } + + .oauth-header { + background-color: #fff; + } + + body { + margin: 0 + } +} + +@media screen and (max-width: 600px) { + .oauth-area { + padding-top: 0 + } + + body { + background: #f3f3f3 !important; + } + + .oauth-main { + width: 100%; + } + + .oauth-main::before { + box-shadow: none !important; + } + + .oauth-header { + box-shadow: none; + } + + .oauth-box:last-child { + box-shadow: 0 5px 10px -5px #d2d2d2; + } +} + +.oauth-top { + text-align: center; + padding-bottom: 20px; + position: relative; +} + +.oauth-top img { + width: 64px; + border-radius: 50%; + border: #4950578c solid 1px; + box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, inset 1px 0 0 0 #e8e8e8, inset 0 1px 0 0 #e8e8e8; + transition: all .3s; +} + +.oauth-top img:hover { + box-shadow: 0 2px 8px rgba(0, 0, 0, .3); +} + +.oauth-top i { + top: -24px; + position: relative; + padding-left: 10px; + padding-right: 10px; + color: #111; +} + +.oauth-scope-area { + padding-top: 10px; + padding-bottom: 10px; + overflow: auto; + max-height: 350px; + position: relative; +} + +.oauth-scope { + margin-top: 15px; +} + +.oauth-scope:first-child { + margin-top: 0; +} + +.oauth-scope, .oauth-scope-body { + overflow: hidden; + zoom: 1; +} + +.oauth-scope-body, .oauth-scope-left, .oauth-scope-right { + display: table-cell; + vertical-align: top; +} + +.oauth-scope-left, .oauth-scope > .pull-left { + padding-right: 10px; + min-width: 42px; + text-align: center; +} + +img.oauth-scope-object { + display: block; + vertical-align: middle; + border: 0; + width: 32px; + height: 32px; +} + +.oauth-scope-body { + width: 10000px; + padding-left: 8px; +} + +.oauth-scope-heading { + margin-top: 0; + font-weight: 800; + color: #382e2e; +} + +.oauth-scope-body small { + font-weight: 500; + font-size: 12px; + color: #aaa; +}