Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

一个现代化的web UI界面 #860

Merged
merged 6 commits into from
Jan 7, 2024
Merged

一个现代化的web UI界面 #860

merged 6 commits into from
Jan 7, 2024

Conversation

MartialBE
Copy link
Collaborator

  • 更换了web UI界面
  • 新增了一个统计API
  • 用OpenAI画了个logo
  • 该界面已经尽量测试了，但有可能还存在bug。

前端代码使用了开源项目，详情见 https://github.com/MartialBE/one-api/blob/main/web/README.md 说明

iShot_2023-12-22_16 30 57 iShot_2023-12-22_16 55 19 iShot_2023-12-22_16 41 31 iShot_2023-12-22_16 43 00 iShot_2023-12-22_16 43 31

iShot_2023-12-22_16 50 11

@jaydong2016
Copy link

真不错

@ShinChven
Copy link
Contributor

有点震撼

@bestnulls
Copy link

支持什么版本？

@igophper
Copy link
Collaborator

泰裤辣

@moondie
Copy link
Contributor

moondie commented Dec 22, 2023

有精力维护的话，可以分一个叉

@MartialBE
Copy link
Collaborator Author

有精力维护的话，可以分一个叉

目前我的main分支就是基于 #779 上修改过来的。

注意：现在我的main分支代码和上游项目数据已经产生不兼容问题了。
我自己添加了 Azure Speech 的支持，已经占用了 channel type id : 24。而上游项目新添加了 gemini 设为 24，所以我在main中将它后移到25了。

因为web UI 逻辑是一致的，所以从main分支提取出来想合并到上游项目中去。
主打一个看起来舒服。而且 哪个男孩子不想要一个统计界面呢(不是
然后就是拆分了一些界面/表格字段与操作合并，使之合理化，比如：

  • 将用户设置界面从 设置中提取出来了
  • 状态配置从按钮 改为 Switch 组件，尽量简化操作和减少表格的内容
  • 将推荐链接放入充值界面
  • 渠道编辑界面 因为每个渠道可能显示的 input label 不一样，上游项目中通过各种if判断，我将它们放入一个配置文件中进行修改 https://github.com/MartialBE/one-api/blob/main/web/src/views/Channel/type/Config.js

@ye4293
Copy link
Collaborator

ye4293 commented Dec 23, 2023

你好棒啊 我好爱你 好哥哥

@taomas
Copy link

taomas commented Dec 23, 2023

太棒了，希望作者能尽快合上这个MR呀

@songquanpeng
Copy link
Owner

thx，改动较多，我需要一些时间处理

@Urmi10799
Copy link

brother, you're just awesome ❤️

@fallba
Copy link

fallba commented Dec 24, 2023

牛啊牛啊，很期待这个UI的正式版本

@Kirogodme
Copy link

可以可以

@songquanpeng
Copy link
Owner

我打算同时保留两个版本的 UI，让用户可以自己切换，将来新 UI 稳定后可以考虑替代原本的。

因此冲突可以先不必解决。

@songquanpeng songquanpeng added enhancement New feature or request priority This will have high priority. labels Dec 24, 2023
@tisfeng
Copy link
Contributor

tisfeng commented Dec 24, 2023

赞，这个 UI 看起来很不错。

@MartialBE MartialBE force-pushed the upstream_update_web_ui branch from 3b7c222 to 40d173d Compare December 25, 2023 10:23
@MartialBE
Copy link
Collaborator Author

我打算同时保留两个版本的 UI，让用户可以自己切换，将来新 UI 稳定后可以考虑替代原本的。

因此冲突可以先不必解决。

我这边将 新版的web UI 创建了一个新的文件夹 web_v2。 在URL中以/_v2来访问新版UI。
新增web UI 版本切换按钮以及用户正在使用的 UI版本判断逻辑。用户可以在右上角进行 UI版本切换。

@ShinChven
Copy link
Contributor

好想用这个UI

@WqyJh
Copy link
Contributor

WqyJh commented Dec 27, 2023

太棒了 希望快点合并

@woodchen-ink
Copy link
Contributor

感谢大哥开源，我自己本地测试碰到一个问题：
日志处，渠道ID不能正常显示，并且数据库中也没有

@MartialBE
Copy link
Collaborator Author

感谢大哥开源，我自己本地测试了一个问题： 日志处，渠道ID不能正常显示，而且数据库中也没有

你使用的是我main分支上的代码吧，已经修复了，你重新拉取就好了。 这个和上游项目没有关系。

@woodchen-ink
Copy link
Contributor

感谢大哥开源，我自己本地测试了一个问题： 日志处，渠道ID不能正常显示，而且数据库中也没有

你使用的是我main分支上的代码吧，已经修复了，你重新拉取就好了。 这个和上游项目没有关系。

好的，谢谢回答，我试下

@MrDgbot
Copy link

MrDgbot commented Dec 28, 2023

期待，合并

@songquanpeng
Copy link
Owner

songquanpeng commented Jan 1, 2024 •
edited
Loading

我是想不同主题的前端完全隔离哈，然后切换本身通过环境变量或者后台配置完成，而不是让用户来选择，这样之后如果有其他版本的 UI 也可以接入（并且无需改造适配），所以接下来我会先改造 One API 本身，然后会对 PR 进行一定处理，请各位理解这需要一定的时间。

@MartialBE 这里有一个专门的开发交流群（910657413），如果你有兴趣的话欢迎加入，我们可以在群里聊一下

songquanpeng added a commit that referenced this pull request Jan 1, 2024
@songquanpeng
feat: able to add more UI theme (#860)
aa03c89
@songquanpeng
Copy link
Owner

@MartialBE 我已经完成了 One API 主题支持，主题接入的 方法参考：https://github.com/songquanpeng/one-api/tree/main/web ，如需协助 feel free to reach me

@songquanpeng
Copy link
Owner

另外，请为你的主题起一个正式的名字，等到该主题稳定后，可以考虑将该主题设置为默认主题

@MartialBE MartialBE force-pushed the upstream_update_web_ui branch from 4e12284 to 3ac089d Compare January 2, 2024 08:06
@MartialBE
Copy link
Collaborator Author

@songquanpeng 已按照你说明文档进行修改了。
我在 controller/model.go 文件中对 PaLM 和 gemini 模型的 OwnedBy 值进行了区别处理。
这样做的原因是，当进行新增或修改渠道操作时，我会根据用户当前选中的渠道，通过检查 model 列表中的 OwnedBy 来获取该渠道支持的模型值。

@ShinChven
Copy link
Contributor

好期待这一版

@songquanpeng songquanpeng merged commit 48989d4 into songquanpeng:main Jan 7, 2024
@songquanpeng
Copy link
Owner

已合并

@songquanpeng
Copy link
Owner

相关 issue 会在这里跟进：#912

@shizeying
Copy link

牛逼

@ShinChven
Copy link
Contributor

用了好几天了，赏心悦目

@MartialBE MartialBE deleted the upstream_update_web_ui branch January 15, 2024 06:19
@thinker007
Copy link

👍 宋老大 威武 感谢开原作者的贡献 MartialBE

greeeds pushed a commit to greeeds/one-api that referenced this pull request Mar 3, 2024
@songquanpeng
feat: able to add more UI theme (songquanpeng#860)
1f29548
greeeds pushed a commit to greeeds/one-api that referenced this pull request Mar 3, 2024
@MartialBE @songquanpeng
feat: add new theme berry (songquanpeng#860)
df71ef0 
* feat: add theme berry

* docs: add development notes

* fix: fix blank page

* chore: update implementation

* fix: fix package.json

* chore: update ui copy

---------

Co-authored-by: JustSong <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
enhancement New feature or request priority This will have high priority.
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.