重现赛优化功能(定时比赛+邀请参加比赛)

功能概述

在已有的重现赛功能上优化or新增自定义功能
1.优化创建重现赛功能,支持修改比赛开始时间及创建团队重现赛

2.增加付费重现赛判断

3.重现赛比赛说明显示定制的模板信息
注意:创建重现赛和参加重现赛是分开的两个流程,创建者可以不参加自己创建的重现赛。

功能详情

一、创建重现赛

支付流程:先创建重现赛,再进行支付

1.创建入口

原“创建重现赛”按钮
image.png

2.创建重现赛

点击“创建重现赛”后显示“创建重现赛”弹窗:

  • 比赛类型:默认选择“个人赛”。分为“个人赛”和“团队赛”两类,选择后下方内容做切换
    • 个人赛:比赛名称+比赛时长+比赛开始时间
    • 团队赛:个人赛基础上增加“参赛团队”选项
  • 比赛名称:加载重现赛比赛title
  • 比赛时长:加载对应现场赛比赛时长,格式:“时:分:秒”
  • 比赛开始时间
    • 默认显示:“当前时间+30秒”(例如:当前时间是2019-08-21 12:00:00,页面应该显示:2019-08-21 12:00:30)
    • 显示格式:下拉选项,年月日选择 和 时分秒选择
    • 年月日限制:可选择当前年份(2019年)当前日期和≥当前日期的时间,早于当前日期的不可选择
    • 时分限制:这个不做限制,正常展示
  • 参赛团队:显示创建用户已加入的全部团队名称,若没有团队则显示“+创建新团队”按钮,点击跳转至创建团队对页面。
  • 下方文案:创建后将不支持修改比赛开始时间。

注意:点击“确认”按钮判断当前预约时间是否已完善,若未完善则红框提示,若已完善则显示“创建成功”弹窗。

image.png
image.png

3.创建成功提示

创建成功后显示“创建成功”弹窗,显示信息如下:

  • 提示文案:可复制链接邀请你的好友一起参加本场重现赛。
  • 邀请链接:输入框不可编辑。点击“复制链接”按钮,提示“复制成功”。
  • 底部信息:比赛自动姬二维码+文案“关注“比赛自动姬”,将自动提醒你比赛开始啦~”

注意:
1.复制链接后粘贴文案为:

链接:xxxxxxxxxxx
我在牛客竞赛参加了一个比赛,马上要开始咯!点击可直接进入比赛。

2.点击复制链接:我/好友点击后直接进入比赛倒计时页面。

image.png

4.创建成功后跳转

关闭弹窗跳转至比赛倒计时页面。

二、进入重现赛(重新赛未开始状态)

1.比赛未开始

image.png
(1)显示比赛倒计时:

  • 默认时间(当前时间+30秒):则显示30秒倒计时
  • 用户填写时间:则按照填写的时间为基础做倒计时

(2)“邀请好友一起挑战”按钮
点击后显示邀请弹窗,内容与以上邀请弹窗一致,不做详细说明
image.png

(3)“点击报名”按钮
若创建为团队赛:按钮显示团队icon
image.png

A.免费赛

普通赛:按钮切换为“已报名”灰色按钮。倒计时结束后跳转至比赛题目页面。
团队赛

  • 是团队成员:按钮切换为“已报名”灰色按钮。倒计时结束后跳转至比赛题目页面。
  • 不是团队成员:弹窗提示"该重现赛仅支持xxxx团队成员参加,你可重新创建参与比赛"。
    • 点击“去创建重现赛”按钮,跳转至比赛列表页面

image.png

B.付费赛
需要优先判断**:**判断该用户/团队是否已付费参加过该比赛的现场赛。若已报名参加则走免费赛流程。否则进入以下支付流程。

普通赛团队赛

  • 是团队成员:显示弹窗提示,点击“去支付”引导去支付页面。支付完成后按钮切换为灰色“已报名”按钮。
    • 注意:支付成功后,该团队下成员进入页面,点击“报名”按钮时,需要走“免费赛-团队”流程
  • 不是团队成员:显示弹窗提示,复用以上弹窗,引导用户创建重现赛。

image.png

支付后开启权限:
1.开启对应现场赛查看题目权限
2.个人or团队可免费创建多场该比赛重现赛

2.比赛进行中

1.点击题目提示用户报名。点击“报名按钮”复用“比赛未开始”中判断及引导流程
2.页面显示倒计时。倒计时以创建重现赛填写的时间为基础。
image.png

3.比赛已结束

显示“比赛已结束”提示样式。
image.png

三、重现赛比赛说明页面显示模板文案(文案待补充)

注意:若比赛未开始,则显示比赛说明页面。大致文案如下:

欢迎参加"牛客NOIP暑期七天营-普及组2 "重现赛!
什么是重现赛?

这部分为介绍文案,待补充

为不错过已预约的重现赛,可关注公众号“比赛自动姬”,将会在考试前2小时为你提示。
image.png