一.第二张卡的要求
1.活动开始后,能够接收短信,并统计报名信息。
2.根据当前活动的状态,分别返回不同的信息。
3.能够实现显示新增的报名人
4.当前正在进行的活动为黄色
二.相关函数功能的分析
2.1短信接收函数
说明,这里我们在调试的时候先不用在真实手机环境中调试,可以先在控制台调试!
var native_accessor = {
send_sms: function (phone, message) {
// native_access.send_sms({"receivers":[{"name":'name', "phone":phone}]}, {"message_content":message});
console.log(phone,message);
},
receive_message: function (json_message) {
if (typeof this.process_received_message === 'function') {
this.process_received_message(json_message);
}
},
//收到短信之后的处理函数
process_received_message: function (json_message) {
var message = new Message(json_message);
message.isRightmessage();
}
};
function notify_message_received(message_json) {
native_accessor.receive_message(message_json);
}
在控制台中,我们按照一定的格式输入,
notify_message_received(...)
这样,在发送的时候,就能够交给notify_message_received函数处理了,最终我们的入口就是
process_received_message: function (json_message)
而出口则是
native_accessor
在这里,我们先使用控制台console.log打印出返回信息!
2.1短信处理(大小写空格)
这里我们使用js中的正则表达式来处理短信内容!
function Message (json_message) {
var result_name_origin=json_message.messages[0].message.replace(/\s/g,'');
this.type= result_name_origin.toLowerCase().substring(0,2);
this.name= result_name_origin.toLowerCase().slice(2);
this.phone = json_message.messages[0].phone;
}
在message这个model中,使用replace(/\s/g,")去掉字符串中的空格!
利用toLowCase()将所有的字母转换成小写字母,方便后面判断
利用slice截取从2开始一直到结束的部分,得到短信中的报名人的名字
然后,利用实例方法,对处理后的短信内容进行进一步处理
Message.prototype.isRightmessage=function(json_message){
if(this.type=="bm"){
var Signupuser = new SignUpInfo(this.name,this.phone);
Signupuser.back_message();
}
};
2.3活动报名开始结束按钮的状态切换
<div ng-switch="signup_button_status">
<button ng-disabled="false" ng-click="start_activity_btn()" ng-switch-when="unstart" class="btn btn-primary header-right">开始</button>
<button ng-disabled="false" ng-click="start_activity_btn()" ng-switch-when="start" class="btn btn-primary header-right">结束</button>
<button ng-disabled="true" ng-click="start_activity_btn()" ng-switch-when="end" class="btn btn-primary header-right">结束</button>
<button ng-disabled="true" ng-click="start_activity_btn()" ng-switch-default="" class="btn btn-primary header-right">开始</button>
</div>
这里,我们使用ng-switch切换按钮的各种状态
ng-switch-when分别匹配返回的参数,当参数相同时,就显示匹配到的button,当所以都没用匹配到的时候,就使用ng-switch-default默认的button!
2.4动态刷新
function Page_Refresh () {
var refresh_page = <span style="font-family: Arial, Helvetica, sans-serif;">document.getElementById("refresh_user_num");</span>
if (refresh_page) {
var scope = angular.element(refresh_page).scope();
scope.$apply(function () {
var during_name= JSON.parse(localStorage['current_activity']).name;
var result=JSON.parse(localStorage[during_name]);
<pre name="code" class="javascript"> scope.users_data= result;
scope.user_num='('+result.length+'人'+')';
}) } }
当在活动报名页面,有人报名的时候,需要动态显示。当接收到报名短信后,调用Page_Refresh()!
其中refresh_user_num为需要刷新页面元素的id。
scope.users_data= result;
scope.user_num='('+result.length+'人'+')';
这两条语句应该放到controller中!因为我们采用的是MVC编程思想!
2.5使用正在报名的活动背景为黄色
在我们自己定义的css样式中新增
.start{
background: yellow !important
}
并将该css文件引入到index中
<li ng-repeat="activity in activity_names track by $index" ng-click="choose_activity(activity)" class="clearfix btn-default">
<h3 class="{{activity.status}}">{{activity.name}}</h3><i class="icon-angle-right"></i>
</li>
ng-repeat在上一篇中已经介绍,当匹配到该活动的status状态为start的时候,该活动就会优先显示黄色!
分享到:
相关推荐
trello_lead_time是一个 Ruby gem,用于计算 Trello 列表中卡片的前置时间、排队时间和循环时间。 排队时间- Trello 卡等待启动所花费的时间。 周期时间- Trello 卡在处理过程中花费的时间。 前置时间- Trello ...
在Trello:trade_mark:卡中的图像附件上绘制带标签的注释。 简单又安全。 在http://husky.io上观看演示 此扩展功能增强了Trello:trade_mark:卡的功能,并允许您在图像附件中添加带标签的注释。 带注释的图像将保存在...
trello_ticket_id Chrome插件在trello中显示票号。安装复制存储库去这里:Chrome://扩展/ 单击复选框“开发人员模式” 单击“加载已解压的扩展程序”按钮选择一个包含存储库的文件夹使用转到 trello ... 利润!
trello_task_manager:ReactJs + Spring Boot + Postgres上的任务管理器
Simply-trello 并不打算提供完整的 Trello API 功能集 - 而是提供一种简单的、数据驱动的方式来将卡片放到 Trello 上或向现有卡片添加评论。 所以... 我需要能够轻松: 创建/更新板和板的列表 将卡片添加到图板...
MenuTab_for_Trello_v1.6
设置以下环境变量,可以在命令行中使用相应的选项进行设置HIPCHAT_TOKEN --hipchat-token :来自 Hipchat 活动的 API 令牌TRELLO_APP_KEY --trello-app-key : Trello 密钥TRELLO_USER_TOKEN --trello-token : ...
如何使用 在config/environment.js ENV['trelloApplicationKey']应用程序密钥设置为ENV['trelloApplicationKey'] 通过ember serve启动服务器 访问站点localhost:4200 授权 输入您的组织名称,然后按按钮!
Trello使用说明 注册 用户设置 功能简介 管理员说明
томойконсольныйклиентдляTrello! СкачайтеилисклонируйтерепозиторийЗапуститеtrello.pyчерезконсоль,以及一个其他麻省理工学院...
特雷洛 :trade_mark: 在点上 :index_pointing_up: ( 一个Google Chrome扩展程序,用于根据点数来衡量Trello卡的复杂度/难度。 通过在方括号中的卡标题开头添加分数(低1分),您可以轻松衡量任务的燃尽并评估团队...
OA办公项目管理团队协作工具Trello app ui界面设计 .sketch素材下载 OA办公管理、sketch、团队管理APP
Laravel开发-laravel-trello Trello API的Laravel包装和外观包
trellodog配置了2个环境变量 $ export TRELLO_APP_KEY= < trello> $ export TRELLO_API_TOKEN= < trello> 活动 可以从bin目录中调用,就像; ./stats activity # to copy output to clipboard (mac only) ./stats ...
#Github 2 Trello 它是什么? Github2Trello支持来自github的push和pull_request webhooks。 pull_request : pull_request事件会将您的trello卡移动到Trello中指定的拉取请求列表中。 push : push事件将在指定...
trello2wr 从 Trello 看板生成每周工作报告 (A&O) 配置 .yml (~/.trello2wr/config.yml) trello:developer_public_key: ://trello.com/1/appKey/generate(开发者 API 密钥) 秘密: : (开发者 API 密钥) ...
Trello 平铺 Laravel 仪表板的磁贴,显示来自 Trello 的任务。安装通过作曲家$ composer require tkaratug/laravel-dashboard-trello-tile用法在dashboard配置文件中,您必须在tiles键中添加此配置。 list_id应该是...
此存储库包含 trello 中通用卡片创建 API 的初始提交 签出存储库并在代码中包含 trello.js 为了使此 API 工作,您需要设置以下环境变量 export application_key=XXXXXXXXXXXXXXXXXX export application_token=...
Trello CLI 小型Trello CLI应用程序,用于在SCRUM环境中管理Trello板。 并不是要完整地包装Trello API,而是要使用一些简单的工具来自动执行sprint管理和伪像,例如CHANGELOG。 假定您已安装 ,因为它会在名称中添加...
Hipello - 从 Hipchat 创建 Trello 卡片 背景 Trello 列在,此集成允许 Trello 更新显示在 Hipchat 房间中。 Hipello 是一个 Hipchat 机器人,可以做相反的事情: 允许 Hipchat 用户通过聊天消息创建 Trello 卡片 ...