commit
831444c935
1239 changed files with 187699 additions and 0 deletions
Binary file not shown.
@ -0,0 +1,32 @@ |
|||
# Created by .ignore support plugin (hsz.mobi) |
|||
### Java template |
|||
# Compiled class file |
|||
*.class |
|||
target |
|||
target/ |
|||
target/* |
|||
.idea |
|||
.idea/ |
|||
|
|||
# Log file |
|||
*.log |
|||
|
|||
# BlueJ files |
|||
*.ctxt |
|||
|
|||
# Mobile Tools for Java (J2ME) |
|||
.mtj.tmp/ |
|||
|
|||
# Package Files # |
|||
*.jar |
|||
*.war |
|||
*.nar |
|||
*.ear |
|||
*.zip |
|||
*.tar.gz |
|||
*.rar |
|||
*.iml |
|||
|
|||
# virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml |
|||
hs_err_pid* |
|||
|
|||
@ -0,0 +1 @@ |
|||
beijingyanyuan |
|||
@ -0,0 +1,39 @@ |
|||
<?xml version="1.0"?> |
|||
<project |
|||
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd" |
|||
xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> |
|||
|
|||
<modelVersion>4.0.0</modelVersion> |
|||
<parent> |
|||
<groupId>com.wmeimob</groupId> |
|||
<artifactId>bjyy</artifactId> |
|||
<version>1.0.0</version> |
|||
</parent> |
|||
<artifactId>bjyy-admin</artifactId> |
|||
<packaging>war</packaging> |
|||
<name>bjyy-admin</name> |
|||
<url>http://maven.apache.org</url> |
|||
|
|||
<properties> |
|||
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> |
|||
</properties> |
|||
|
|||
<dependencies> |
|||
<dependency> |
|||
<groupId>javax.servlet</groupId> |
|||
<artifactId>javax.servlet-api</artifactId> |
|||
</dependency> |
|||
<dependency> |
|||
<groupId>javax.servlet.jsp</groupId> |
|||
<artifactId>javax.servlet.jsp-api</artifactId> |
|||
</dependency> |
|||
<dependency> |
|||
<groupId>${project.groupId}</groupId> |
|||
<artifactId>bjyy-core</artifactId> |
|||
</dependency> |
|||
</dependencies> |
|||
|
|||
<build> |
|||
<finalName>bjyy-admin</finalName> |
|||
</build> |
|||
</project> |
|||
Binary file not shown.
@ -0,0 +1,138 @@ |
|||
package com.wmeimob.bjyy.controller; |
|||
|
|||
import javax.servlet.http.Cookie; |
|||
import javax.servlet.http.HttpServletRequest; |
|||
|
|||
import org.apache.commons.lang.StringUtils; |
|||
import org.apache.log4j.Logger; |
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.stereotype.Controller; |
|||
import org.springframework.web.bind.annotation.RequestMapping; |
|||
import org.springframework.web.bind.annotation.RequestMethod; |
|||
import org.springframework.web.bind.annotation.ResponseBody; |
|||
import org.springframework.web.servlet.ModelAndView; |
|||
|
|||
import com.wmeimob.bjyy.common.BaseController; |
|||
import com.wmeimob.bjyy.service.AccountService; |
|||
import com.wmeimob.bjyy.util.AES128Util; |
|||
import com.wmeimob.bjyy.util.CookieUtil; |
|||
import com.wmeimob.bjyy.util.Md5Util; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
|
|||
|
|||
|
|||
@Controller |
|||
@RequestMapping("") |
|||
public class AccountController extends BaseController { |
|||
|
|||
private Logger log = Logger.getLogger(this.getClass()); |
|||
|
|||
@Autowired |
|||
private AccountService accountService; |
|||
|
|||
/** |
|||
* 进入登录页面 |
|||
* |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "login", method = RequestMethod.GET) |
|||
public ModelAndView login() { |
|||
ModelAndView mv = new ModelAndView("account_login"); |
|||
// 是否记住密码
|
|||
Cookie cookie = CookieUtil.getCookie(CookieUtil.KEY_ADMIN_INFO); |
|||
if (cookie != null) { |
|||
String str = AES128Util.decrypt(CookieUtil.KEY_COOKIE_AES, cookie.getValue()); |
|||
if (StringUtils.isNotEmpty(str)) { |
|||
String[] strs = str.split(" "); |
|||
if (strs == null || strs.length == 0) { |
|||
return mv; |
|||
} |
|||
|
|||
String loginName = strs[0]; |
|||
String password = strs[1]; |
|||
ResultVO result = accountService.login(loginName, password, "1"); |
|||
if (result.getCode() == 0) { |
|||
mv.setViewName("admin_index"); |
|||
} |
|||
} |
|||
} |
|||
return mv; |
|||
} |
|||
|
|||
/** |
|||
* 登录 |
|||
* |
|||
* @param request |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "login", method = RequestMethod.POST) |
|||
@ResponseBody |
|||
public ResultVO login(HttpServletRequest request) { |
|||
ResultVO result = new ResultVO(); |
|||
String loginName = request.getParameter("loginName"); |
|||
String password = request.getParameter("password"); |
|||
String remember = request.getParameter("remember"); |
|||
if (StringUtils.isEmpty(loginName)) { |
|||
result.setCode(1); |
|||
result.setMessage("用户名不可以为空"); |
|||
return result; |
|||
} |
|||
if (StringUtils.isEmpty(password)) { |
|||
result.setCode(1); |
|||
result.setMessage("密码不可以为空"); |
|||
return result; |
|||
} |
|||
log.debug("##############LoginController login##############loginName:" + loginName + " password:" + password); |
|||
password = Md5Util.encrypt(password); |
|||
result = accountService.login(loginName, password, remember); |
|||
return result; |
|||
} |
|||
|
|||
/** |
|||
* 进入修改密码页面 |
|||
* |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "change_pwd", method = RequestMethod.GET) |
|||
public ModelAndView changePwd() { |
|||
ModelAndView mv = new ModelAndView("account_change_pwd"); |
|||
return mv; |
|||
} |
|||
|
|||
/** |
|||
* 进入登录页面 |
|||
* |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "change_pwd", method = RequestMethod.POST) |
|||
@ResponseBody |
|||
public ResultVO changePwd(HttpServletRequest request) { |
|||
ResultVO result = new ResultVO(); |
|||
String oldPwd = request.getParameter("oldPwd"); |
|||
String newPwd = request.getParameter("newPwd"); |
|||
if (StringUtils.isEmpty(oldPwd)) { |
|||
result.setCode(1); |
|||
result.setMessage("旧密码不可以为空"); |
|||
return result; |
|||
} |
|||
if (StringUtils.isEmpty(newPwd)) { |
|||
result.setCode(2); |
|||
result.setMessage("新密码不可以为空"); |
|||
return result; |
|||
} |
|||
result = accountService.changePassword(oldPwd, newPwd); |
|||
return result; |
|||
} |
|||
|
|||
/** |
|||
* 进入登录页面 |
|||
* |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "logout") |
|||
public ModelAndView logout() { |
|||
ModelAndView mv = new ModelAndView("account_login"); |
|||
accountService.logout(); |
|||
return mv; |
|||
} |
|||
} |
|||
@ -0,0 +1,140 @@ |
|||
package com.wmeimob.bjyy.controller; |
|||
|
|||
import java.util.List; |
|||
import java.util.Map; |
|||
|
|||
import javax.servlet.http.HttpServletRequest; |
|||
|
|||
import org.apache.commons.lang.StringUtils; |
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.stereotype.Controller; |
|||
import org.springframework.web.bind.annotation.RequestMapping; |
|||
import org.springframework.web.bind.annotation.RequestMethod; |
|||
import org.springframework.web.bind.annotation.ResponseBody; |
|||
import org.springframework.web.servlet.ModelAndView; |
|||
|
|||
import com.wmeimob.bjyy.common.BaseController; |
|||
import com.wmeimob.bjyy.model.Admin; |
|||
import com.wmeimob.bjyy.model.Role; |
|||
import com.wmeimob.bjyy.qiniu.QiniuUtil; |
|||
import com.wmeimob.bjyy.service.AdminService; |
|||
import com.wmeimob.bjyy.service.RoleMenuService; |
|||
import com.wmeimob.bjyy.vo.AdminVO; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
|
|||
/** |
|||
* 管理后台主页 |
|||
*/ |
|||
@Controller |
|||
@RequestMapping("/admin") |
|||
public class AdminController extends BaseController { |
|||
|
|||
@Autowired |
|||
private AdminService adminService; |
|||
|
|||
@Autowired |
|||
private RoleMenuService roleMenuService; |
|||
|
|||
/** |
|||
* 后台管理系统首页 |
|||
* |
|||
* @return |
|||
*/ |
|||
@RequestMapping("/index") |
|||
public ModelAndView index(HttpServletRequest request) { |
|||
ModelAndView mv = new ModelAndView("admin_index"); |
|||
return mv; |
|||
} |
|||
|
|||
/** |
|||
* 七牛Token |
|||
* |
|||
* @return |
|||
*/ |
|||
@RequestMapping("/qiniu_token") |
|||
@ResponseBody |
|||
public Map<String, Object> qiniuToken() { |
|||
return QiniuUtil.getAccessToken(); |
|||
} |
|||
|
|||
/** |
|||
* 管理员列表 |
|||
* |
|||
* @return |
|||
*/ |
|||
@RequestMapping("/list") |
|||
public ModelAndView list(HttpServletRequest request) { |
|||
ModelAndView mv = new ModelAndView("admin_list"); |
|||
Admin example = new Admin(); |
|||
List<AdminVO> admins = adminService.lsitAdmin(example); |
|||
mv.addObject("admins", admins); |
|||
List<Role> roles = roleMenuService.listRole(); |
|||
mv.addObject("roles", roles); |
|||
return mv; |
|||
} |
|||
|
|||
/** |
|||
* 添加 |
|||
* |
|||
* @param adminName |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = { "/add", "/edit" }, method = RequestMethod.POST) |
|||
@ResponseBody |
|||
public ResultVO save(HttpServletRequest request) { |
|||
ResultVO result = new ResultVO(); |
|||
String loginName = request.getParameter("loginName"); |
|||
String realName = request.getParameter("realName"); |
|||
String mobile = request.getParameter("mobile"); |
|||
String roleId = request.getParameter("roleId"); |
|||
String id = request.getParameter("id"); |
|||
if (StringUtils.isEmpty(loginName)) { |
|||
result.setCode(1); |
|||
result.setMessage("登录名不可以为空"); |
|||
return result; |
|||
} |
|||
if (StringUtils.isEmpty(realName)) { |
|||
result.setCode(2); |
|||
result.setMessage("姓名不可以为空"); |
|||
return result; |
|||
} |
|||
if (StringUtils.isEmpty(mobile)) { |
|||
result.setCode(1); |
|||
result.setMessage("手机号码不可以为空"); |
|||
return result; |
|||
} |
|||
if (StringUtils.isEmpty(roleId)) { |
|||
result.setCode(1); |
|||
result.setMessage("管理员角色不可以为空"); |
|||
return result; |
|||
} |
|||
Admin admin = new Admin(); |
|||
admin.setLoginName(loginName); |
|||
admin.setMobile(mobile); |
|||
admin.setRealName(realName); |
|||
admin.setRoleId(roleId); |
|||
if (StringUtils.isNotEmpty(id)) { |
|||
admin.setId(id); |
|||
} |
|||
result = adminService.saveAdmin(admin); |
|||
return result; |
|||
} |
|||
|
|||
/** |
|||
* post删除角色 |
|||
* |
|||
* @param roleId |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "/delete", method = RequestMethod.POST) |
|||
@ResponseBody |
|||
public ResultVO delete(String adminId) { |
|||
ResultVO result = new ResultVO(); |
|||
if (StringUtils.isEmpty(adminId)) { |
|||
result.setCode(1); |
|||
result.setMessage("用户不存在"); |
|||
} |
|||
result = adminService.removeAdmin(adminId); |
|||
return result; |
|||
} |
|||
} |
|||
@ -0,0 +1,221 @@ |
|||
package com.wmeimob.bjyy.controller; |
|||
|
|||
import java.io.BufferedInputStream; |
|||
import java.io.BufferedOutputStream; |
|||
import java.io.ByteArrayInputStream; |
|||
import java.io.ByteArrayOutputStream; |
|||
import java.io.InputStream; |
|||
import java.util.HashMap; |
|||
import java.util.List; |
|||
import java.util.Map; |
|||
|
|||
import javax.servlet.ServletOutputStream; |
|||
import javax.servlet.http.HttpServletRequest; |
|||
import javax.servlet.http.HttpServletResponse; |
|||
|
|||
import org.apache.commons.lang.StringUtils; |
|||
import org.apache.log4j.Logger; |
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.stereotype.Controller; |
|||
import org.springframework.web.bind.annotation.RequestMapping; |
|||
import org.springframework.web.bind.annotation.RequestMethod; |
|||
import org.springframework.web.bind.annotation.RequestParam; |
|||
import org.springframework.web.bind.annotation.ResponseBody; |
|||
import org.springframework.web.servlet.ModelAndView; |
|||
|
|||
import com.wmeimob.bjyy.common.BaseController; |
|||
import com.wmeimob.bjyy.model.Register; |
|||
import com.wmeimob.bjyy.service.CodeService; |
|||
import com.wmeimob.bjyy.util.ExcelUtils; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
|
|||
/** |
|||
* 注册码管理 |
|||
*/ |
|||
@Controller |
|||
@RequestMapping("/admin/code") |
|||
public class CodeController extends BaseController { |
|||
|
|||
private Logger log = Logger.getLogger(this.getClass()); |
|||
|
|||
@Autowired |
|||
private CodeService codeService; |
|||
|
|||
|
|||
/** |
|||
* 注册码列表页面 |
|||
* |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "list", method = RequestMethod.GET) |
|||
public ModelAndView list(HttpServletRequest request) { |
|||
ModelAndView mv = new ModelAndView("code_list"); |
|||
String batchNum = request.getParameter("batchNum"); |
|||
String startDate = request.getParameter("startDate"); |
|||
String stopDate = request.getParameter("stopDate"); |
|||
String type = request.getParameter("type"); |
|||
Map<String,Object> map=new HashMap<String,Object>(); |
|||
map.put("batchNum", batchNum); |
|||
map.put("startDate", startDate); |
|||
map.put("stopDate", stopDate); |
|||
map.put("type", type); |
|||
//查询总条数
|
|||
mv.addObject("totalCount", codeService.queryTotalCount(map)); |
|||
|
|||
|
|||
/* ######分页处理开始###### */ |
|||
String pageIndex = request.getParameter("pageIndex"); |
|||
String pageSize = request.getParameter("pageSize"); |
|||
// 如果每页显示行数为空,则默认为30条
|
|||
if (StringUtils.isEmpty(pageSize)) |
|||
pageSize = "20"; |
|||
if (StringUtils.isEmpty(pageIndex)) |
|||
pageIndex = "1"; |
|||
int pageFrom = (Integer.parseInt(pageIndex) - 1) * Integer.parseInt(pageSize); |
|||
int pageTo =Integer.parseInt(pageSize); |
|||
map.put("pageSize", pageTo);// 从第一页开始查询,每页30条
|
|||
map.put("pageIndex", pageFrom);// 从第一页开始查询,每页30条
|
|||
|
|||
List<Register> queryCodeList=codeService.queryCodeListByMap(map); |
|||
mv.addObject("codeList", queryCodeList); |
|||
mv.addObject("pageSize", pageSize); |
|||
mv.addObject("batchNum", batchNum); |
|||
mv.addObject("startDate", startDate); |
|||
mv.addObject("stopDate", stopDate); |
|||
mv.addObject("type", type); |
|||
return mv; |
|||
} |
|||
|
|||
|
|||
@RequestMapping("/list_patch") |
|||
public ModelAndView listPatch(HttpServletRequest request) { |
|||
ModelAndView mv = new ModelAndView("list_patch"); |
|||
|
|||
String batchNum = request.getParameter("batchNum"); |
|||
String startDate = request.getParameter("startDate"); |
|||
String stopDate = request.getParameter("stopDate"); |
|||
String type = request.getParameter("type"); |
|||
|
|||
Map<String, Object> map = new HashMap<String, Object>(); |
|||
map.put("batchNum", batchNum); |
|||
map.put("startDate", startDate); |
|||
map.put("stopDate", stopDate); |
|||
map.put("type", type); |
|||
//查询总条数
|
|||
mv.addObject("totalCount", codeService.queryTotalCount(map)); |
|||
|
|||
/* ######分页处理开始###### */ |
|||
String pageIndex = request.getParameter("pageIndex"); |
|||
String pageSize = request.getParameter("pageSize"); |
|||
// 如果每页显示行数为空,则默认为30条
|
|||
if (StringUtils.isEmpty(pageSize)) |
|||
pageSize = "20"; |
|||
if (StringUtils.isEmpty(pageIndex)) |
|||
pageIndex = "1"; |
|||
int pageFrom = (Integer.parseInt(pageIndex) - 1) * Integer.parseInt(pageSize); |
|||
int pageTo = Integer.parseInt(pageSize); |
|||
map.put("pageSize", pageTo);// 从第一页开始查询,每页30条
|
|||
map.put("pageIndex", pageFrom);// 从第一页开始查询,每页30条
|
|||
|
|||
List<Register> queryCodeList=codeService.queryCodeListByMap(map); |
|||
mv.addObject("codeList", queryCodeList); |
|||
mv.addObject("pageSize", pageSize); |
|||
mv.addObject("batchNum", batchNum); |
|||
mv.addObject("startDate", startDate); |
|||
mv.addObject("stopDate", stopDate); |
|||
mv.addObject("type", type); |
|||
return mv; |
|||
} |
|||
|
|||
|
|||
/** |
|||
* 注册码新增和编辑保存 |
|||
* |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = { "edit", "add" }, method = RequestMethod.POST) |
|||
@ResponseBody |
|||
public ResultVO save(String codeNum) { |
|||
ResultVO result=new ResultVO(); |
|||
if(StringUtils.isEmpty(codeNum)){ |
|||
result.setCode(-1); |
|||
result.setMessage("操作失败,请重试"); |
|||
return result; |
|||
} |
|||
int addRegisterNo = codeService.addRegisterNo(codeNum); |
|||
if(addRegisterNo==Integer.parseInt(codeNum)){ |
|||
result.setCode(0); |
|||
}else{ |
|||
result.setCode(-1); |
|||
result.setMessage("操作失败,请重试"); |
|||
} |
|||
return result; |
|||
} |
|||
|
|||
/** |
|||
* 删除注册码 |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "delete", method = RequestMethod.POST) |
|||
@ResponseBody |
|||
public ResultVO delete(@RequestParam(required = true) String no) { |
|||
ResultVO result=new ResultVO(); |
|||
if(StringUtils.isEmpty(no)){ |
|||
result.setCode(-1); |
|||
result.setMessage("操作失败,请重试"); |
|||
return result; |
|||
} |
|||
return codeService.deleteRegisterNo(no); |
|||
} |
|||
|
|||
|
|||
@RequestMapping("/export") |
|||
public void export(HttpServletRequest request, HttpServletResponse response, String batchNum, |
|||
String startDate, String stopDate,String type) { |
|||
String fileName = "注册码报表数据"; |
|||
Map<String, Object> map = new HashMap<String, Object>(); |
|||
map.put("startTime", startDate); |
|||
map.put("endTime", stopDate); |
|||
map.put("batchNum", batchNum); |
|||
map.put("type", type); |
|||
List<Register> queryCodeList=codeService.queryCodeListExportByMap(map); |
|||
|
|||
BufferedInputStream bis = null; |
|||
BufferedOutputStream bos = null; |
|||
try { |
|||
// 列名
|
|||
String[] headers = { "注册码"}; |
|||
String[] columns = {"registerNo"}; |
|||
ByteArrayOutputStream os = new ByteArrayOutputStream(); |
|||
|
|||
ExcelUtils.createWorkBook(queryCodeList, headers, columns).write(os); |
|||
|
|||
byte[] content = os.toByteArray(); |
|||
InputStream is = new ByteArrayInputStream(content); |
|||
response.reset(); |
|||
response.setContentType("application/vnd.ms-excel;charset=utf-8"); |
|||
response.setHeader("Content-Disposition", |
|||
"attachment;filename=" + java.net.URLEncoder.encode(fileName + ".xls", "UTF-8")); |
|||
|
|||
ServletOutputStream out = response.getOutputStream(); |
|||
bis = new BufferedInputStream(is); |
|||
bos = new BufferedOutputStream(out); |
|||
byte[] buff = new byte[2048]; |
|||
int bytesRead; |
|||
while (-1 != (bytesRead = bis.read(buff, 0, buff.length))) { |
|||
bos.write(buff, 0, bytesRead); |
|||
} |
|||
} catch (final Exception e) { |
|||
log.error("##################SplicingController export###############error:" + e); |
|||
} finally { |
|||
try { |
|||
if (bis != null) |
|||
bis.close(); |
|||
if (bos != null) |
|||
bos.close(); |
|||
} catch (Exception e) { |
|||
log.error("##################SplicingController export############### close stream error:" + e); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,146 @@ |
|||
package com.wmeimob.bjyy.controller; |
|||
|
|||
import java.util.List; |
|||
|
|||
import javax.servlet.http.HttpServletRequest; |
|||
|
|||
import org.apache.commons.lang.StringUtils; |
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.stereotype.Controller; |
|||
import org.springframework.web.bind.annotation.RequestMapping; |
|||
import org.springframework.web.bind.annotation.RequestMethod; |
|||
import org.springframework.web.bind.annotation.RequestParam; |
|||
import org.springframework.web.bind.annotation.ResponseBody; |
|||
import org.springframework.web.servlet.ModelAndView; |
|||
|
|||
import com.wmeimob.bjyy.common.BaseController; |
|||
import com.wmeimob.bjyy.model.Role; |
|||
import com.wmeimob.bjyy.service.RoleMenuService; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
import com.wmeimob.bjyy.vo.RoleMenuListVO; |
|||
|
|||
/** |
|||
* 角色和菜单Controller |
|||
*/ |
|||
@Controller |
|||
@RequestMapping("/admin/role") |
|||
public class RoleMenuController extends BaseController { |
|||
|
|||
@Autowired |
|||
private RoleMenuService roleMenuService; |
|||
|
|||
/** |
|||
* 进入角色列表页 |
|||
* |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "/list", method = RequestMethod.GET) |
|||
public ModelAndView list() { |
|||
ModelAndView mv = new ModelAndView("role_list"); |
|||
mv.addObject("roles", roleMenuService.listRole()); |
|||
return mv; |
|||
} |
|||
|
|||
/** |
|||
* Post请求角色列表 |
|||
* |
|||
* @param request |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "/list", method = RequestMethod.POST) |
|||
@ResponseBody |
|||
public ResultVO list(HttpServletRequest request) { |
|||
ResultVO result = new ResultVO(); |
|||
result.setCode(0); |
|||
List<Role> roles = roleMenuService.listRole(); |
|||
result.setData(roles); |
|||
return result; |
|||
} |
|||
|
|||
/** |
|||
* 进入添加角色的页面 |
|||
* |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "/add", method = RequestMethod.GET) |
|||
public ModelAndView add() { |
|||
ModelAndView mv = new ModelAndView("role_add"); |
|||
return mv; |
|||
} |
|||
|
|||
/** |
|||
* 进入编辑页面 |
|||
* |
|||
* @param roleId |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "/edit", method = RequestMethod.GET) |
|||
public ModelAndView edit(@RequestParam(value = "roleId", required = true) String roleId) { |
|||
ModelAndView mv = new ModelAndView("role_edit"); |
|||
Role role = roleMenuService.getRoleById(roleId); |
|||
mv.addObject("role", role); |
|||
return mv; |
|||
} |
|||
|
|||
/** |
|||
* 获取角色的菜单 |
|||
* |
|||
* @param roleId |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "/edit/getMenus", method = RequestMethod.POST) |
|||
@ResponseBody |
|||
public ResultVO getMenus(String roleId) { |
|||
ResultVO result = new ResultVO(); |
|||
List<RoleMenuListVO> menuList = roleMenuService.listRoleMenu(roleId); |
|||
result.setCode(0); |
|||
result.setData(menuList); |
|||
return result; |
|||
} |
|||
|
|||
|
|||
/** |
|||
* post添加角色 |
|||
* |
|||
* @param request |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = { "/add", "/edit" }, method = RequestMethod.POST) |
|||
@ResponseBody |
|||
public ResultVO save(HttpServletRequest request) { |
|||
ResultVO result = new ResultVO(); |
|||
String roleName = request.getParameter("name"); |
|||
String description = request.getParameter("description"); |
|||
String menuValue = request.getParameter("menuValue"); |
|||
if (StringUtils.isEmpty(roleName)) { |
|||
result.setCode(1); |
|||
result.setMessage("角色名称不可以为空"); |
|||
return result; |
|||
} |
|||
if (StringUtils.isEmpty(menuValue)) { |
|||
result.setCode(2); |
|||
result.setMessage("角色没有分配权限"); |
|||
return result; |
|||
} |
|||
result = roleMenuService.saveRole(roleName, description, menuValue, request.getParameter("roleId")); |
|||
return result; |
|||
} |
|||
|
|||
/** |
|||
* post删除角色 |
|||
* |
|||
* @param roleId |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "/delete", method = RequestMethod.POST) |
|||
@ResponseBody |
|||
public ResultVO delete(String roleId) { |
|||
ResultVO result = new ResultVO(); |
|||
if (StringUtils.isEmpty(roleId)) { |
|||
result.setCode(1); |
|||
result.setMessage("角色不存在"); |
|||
} |
|||
result = roleMenuService.removeRole(roleId); |
|||
return result; |
|||
} |
|||
} |
|||
@ -0,0 +1,30 @@ |
|||
package com.wmeimob.bjyy.controller; |
|||
|
|||
import java.util.HashMap; |
|||
import java.util.Map; |
|||
|
|||
import javax.servlet.http.HttpServletRequest; |
|||
|
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.stereotype.Controller; |
|||
import org.springframework.web.bind.annotation.PathVariable; |
|||
import org.springframework.web.bind.annotation.RequestMapping; |
|||
import org.springframework.web.servlet.ModelAndView; |
|||
|
|||
import com.wmeimob.bjyy.common.BaseController; |
|||
import com.wmeimob.bjyy.service.CodeService; |
|||
|
|||
/** |
|||
* 报名Controller |
|||
*/ |
|||
@Controller |
|||
@RequestMapping("/admin/sign") |
|||
public class SignController extends BaseController { |
|||
|
|||
|
|||
@Autowired |
|||
private CodeService showService; |
|||
|
|||
|
|||
|
|||
} |
|||
@ -0,0 +1,129 @@ |
|||
package com.wmeimob.bjyy.controller; |
|||
|
|||
import java.util.List; |
|||
|
|||
import javax.servlet.http.HttpServletRequest; |
|||
|
|||
import org.apache.commons.lang.StringUtils; |
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.stereotype.Controller; |
|||
import org.springframework.web.bind.annotation.RequestMapping; |
|||
import org.springframework.web.bind.annotation.RequestMethod; |
|||
import org.springframework.web.bind.annotation.RequestParam; |
|||
import org.springframework.web.bind.annotation.ResponseBody; |
|||
import org.springframework.web.servlet.ModelAndView; |
|||
|
|||
import com.wmeimob.bjyy.model.Care; |
|||
import com.wmeimob.bjyy.model.FollowUp; |
|||
import com.wmeimob.bjyy.model.HealthRecord; |
|||
import com.wmeimob.bjyy.model.MentalTest; |
|||
import com.wmeimob.bjyy.model.Practice; |
|||
import com.wmeimob.bjyy.model.User; |
|||
import com.wmeimob.bjyy.service.UserService; |
|||
import com.wmeimob.bjyy.vo.HealthRecordVO; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
/** |
|||
*会员管理controller |
|||
*/ |
|||
@Controller |
|||
@RequestMapping("/admin/user") |
|||
public class UserController { |
|||
|
|||
@Autowired |
|||
private UserService userService; |
|||
/** |
|||
* 会员管理系统首页 |
|||
* @return |
|||
*/ |
|||
@RequestMapping("/list") |
|||
public ModelAndView index(HttpServletRequest request) { |
|||
ModelAndView mv = new ModelAndView("user_list"); |
|||
List<User> queryUserList=userService.queryUserList(); |
|||
mv.addObject("userList", queryUserList); |
|||
return mv; |
|||
} |
|||
|
|||
|
|||
/** |
|||
* 会员管理删除 |
|||
* @return |
|||
*/ |
|||
@RequestMapping(value = "/delete", method = RequestMethod.POST) |
|||
@ResponseBody |
|||
public ResultVO delete(@RequestParam(required = true) String id) { |
|||
return userService.deleteUserById(id); |
|||
} |
|||
|
|||
/** |
|||
* 会员详情页面 |
|||
* @return |
|||
*/ |
|||
@RequestMapping("/detail") |
|||
public ModelAndView detail(HttpServletRequest request,String id) { |
|||
ModelAndView mv = new ModelAndView("user_detail"); |
|||
User user=userService.queryUserById(id); |
|||
FollowUp followUp=userService.queryFollowUpNewest(id);//随访记录
|
|||
MentalTest mentalTest=userService.queryMentalNewest(id);//脑力测评
|
|||
List<Practice> queryPracticeList=userService.queryPracticeList(id);//训练跟踪
|
|||
List<HealthRecord> queryHealthRecordList=userService.queryHealthRecordList(id);//查询用户健康档案
|
|||
HealthRecordVO healthRecordVO=userService.queryHealthRecordNewest(id);//查询最新的用户健康答案
|
|||
Care care=userService.queryCareNewest(id);//查询最新照顾者信息
|
|||
|
|||
mv.addObject("user", user); |
|||
mv.addObject("followUp", followUp); |
|||
mv.addObject("mentalTest", mentalTest); |
|||
mv.addObject("queryPracticeList", queryPracticeList); |
|||
mv.addObject("queryHealthRecordList", queryHealthRecordList); |
|||
mv.addObject("healthRecordVO", healthRecordVO); |
|||
mv.addObject("care", care); |
|||
return mv; |
|||
} |
|||
|
|||
|
|||
// /**
|
|||
// * 会员详情健康档案切换
|
|||
// * @return
|
|||
// */
|
|||
// @RequestMapping(value = "/chooseHealthRecord")
|
|||
// @ResponseBody
|
|||
// public ResultVO chooseHealthRecord(@RequestParam(required = true) String healthId) {
|
|||
// ResultVO result=new ResultVO();
|
|||
// try {
|
|||
// HealthRecordVO healthRecordVO=userService.queryHealthRecordById(healthId);
|
|||
// result.setCode(0);
|
|||
// result.setData(healthRecordVO);
|
|||
// } catch (Exception e) {
|
|||
// result.setCode(-1);
|
|||
// result.setMessage("系统异常,请重试");
|
|||
// }
|
|||
// return result;
|
|||
// }
|
|||
//
|
|||
|
|||
/** |
|||
* 会员详情页面 |
|||
* @return |
|||
*/ |
|||
@RequestMapping("/chooseHealthRecord") |
|||
public ModelAndView chooseHealthRecord(@RequestParam(required = true) String healthId) { |
|||
ModelAndView mv = new ModelAndView("health_choosed"); |
|||
if(StringUtils.isEmpty(healthId)){ |
|||
mv.setViewName("error/error"); |
|||
return mv; |
|||
} |
|||
try { |
|||
HealthRecordVO healthRecordVO=userService.queryHealthRecordById(healthId); |
|||
if(healthRecordVO==null){ |
|||
mv.setViewName("error/error"); |
|||
return mv; |
|||
} |
|||
mv.addObject("healthRecordVO", healthRecordVO); |
|||
} catch (Exception e) { |
|||
mv.setViewName("error/error"); |
|||
return mv; |
|||
} |
|||
return mv; |
|||
} |
|||
|
|||
|
|||
} |
|||
@ -0,0 +1,69 @@ |
|||
package com.wmeimob.bjyy.schedulce; |
|||
|
|||
import java.util.List; |
|||
|
|||
import org.apache.log4j.Logger; |
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.scheduling.annotation.EnableScheduling; |
|||
import org.springframework.scheduling.annotation.Scheduled; |
|||
import org.springframework.stereotype.Component; |
|||
|
|||
import com.wmeimob.bjyy.model.User; |
|||
import com.wmeimob.bjyy.service.UserService; |
|||
import com.wmeimob.bjyy.util.RandomUtils; |
|||
import com.wmeimob.bjyy.util.SmsUtil; |
|||
|
|||
@EnableScheduling |
|||
@Component("saicScheduler") |
|||
public class SchedulingService { |
|||
private Logger log = Logger.getLogger(SchedulingService.class); |
|||
|
|||
@Autowired |
|||
private UserService userService; |
|||
/** |
|||
* <li>系统进行短信提醒</li> |
|||
* <li>每天早上8:00执行该方法</li> |
|||
* <li>测评结果,快过期,进行每隔一天的短信提醒</li> |
|||
*/ |
|||
@Scheduled(cron="0 0 8 * * ? ") |
|||
public void autoCancelOrder(){ |
|||
log.info("The task of checking no payment order is starting ..."); |
|||
try{ |
|||
//查询用户脑力测评即将过期的记录
|
|||
List<User> newestList = userService.queryOutDateMentelRecord(); |
|||
if(newestList != null && newestList.size() > 0){ |
|||
for(int i=0; i<newestList.size(); i++){ |
|||
try{ |
|||
SmsUtil.send(newestList.get(i).getMobile(), RandomUtils.generateStringNUM(4)); |
|||
}catch(Exception e){ |
|||
log.error("The new user["+newestList.get(i).getMobile()+"] have error, check it please.", e); |
|||
continue; |
|||
} |
|||
} |
|||
//更新用户短信的时间
|
|||
userService.updateUserMagAt(newestList); |
|||
} |
|||
|
|||
//查询前天的发送过短信的用户
|
|||
List<User> newestPrevList = userService.queryOutDateMentelRecordPrev(); |
|||
if(newestPrevList != null && newestPrevList.size() > 0){ |
|||
for(int i=0; i<newestPrevList.size(); i++){ |
|||
try{ |
|||
SmsUtil.send(newestPrevList.get(i).getMobile(), RandomUtils.generateStringNUM(4)); |
|||
}catch(Exception e){ |
|||
log.error("The prev user["+newestPrevList.get(i).getMobile()+"] have error, check it please.", e); |
|||
continue; |
|||
} |
|||
} |
|||
//更新用户短信的时间
|
|||
userService.updateUserMagAt(newestPrevList); |
|||
} |
|||
|
|||
}catch(Exception e){ |
|||
log.error("Cancel orders task happend error !", e); |
|||
return; |
|||
} |
|||
log.info("The task of checking no payment order is end."); |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,51 @@ |
|||
package com.wmeimob.bjyy.service; |
|||
|
|||
import java.util.List; |
|||
|
|||
import com.wmeimob.bjyy.model.Admin; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
import com.wmeimob.bjyy.vo.RoleMenuListVO; |
|||
|
|||
|
|||
|
|||
/** |
|||
* 账户Service |
|||
*/ |
|||
public interface AccountService { |
|||
|
|||
/** |
|||
* 通过ID选取管理员 |
|||
* |
|||
* @param id |
|||
* @return |
|||
*/ |
|||
Admin selectById(String id); |
|||
|
|||
/** |
|||
* 登录 |
|||
* |
|||
* @param loginName |
|||
* @param password |
|||
* @return |
|||
*/ |
|||
ResultVO login(String loginName, String password, String remember); |
|||
|
|||
/** |
|||
* 获取角色菜单列表 |
|||
* |
|||
* @param roleId |
|||
* @return |
|||
*/ |
|||
List<RoleMenuListVO> listRoleMenu(String roleId); |
|||
|
|||
/** |
|||
* 修改密码 |
|||
* |
|||
* @param oldPwd |
|||
* @param newPwd |
|||
* @return |
|||
*/ |
|||
ResultVO changePassword(String oldPwd, String newPwd); |
|||
|
|||
void logout(); |
|||
} |
|||
@ -0,0 +1,33 @@ |
|||
package com.wmeimob.bjyy.service; |
|||
|
|||
import java.util.List; |
|||
|
|||
import com.wmeimob.bjyy.model.Admin; |
|||
import com.wmeimob.bjyy.vo.AdminVO; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
|
|||
public interface AdminService { |
|||
|
|||
/** |
|||
* 查询管理员列表 |
|||
* |
|||
* @return |
|||
*/ |
|||
List<AdminVO> lsitAdmin(Admin example); |
|||
|
|||
/** |
|||
* 保存 编辑或者添加的管理员 |
|||
* |
|||
* @return |
|||
*/ |
|||
ResultVO saveAdmin(Admin admin); |
|||
|
|||
/*** |
|||
* 删除 |
|||
* |
|||
* @param adminId |
|||
* @return |
|||
*/ |
|||
ResultVO removeAdmin(String adminId); |
|||
|
|||
} |
|||
@ -0,0 +1,45 @@ |
|||
package com.wmeimob.bjyy.service; |
|||
|
|||
import java.util.List; |
|||
import java.util.Map; |
|||
|
|||
import com.wmeimob.bjyy.model.Register; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
|
|||
|
|||
/** |
|||
* 展会Service |
|||
*/ |
|||
public interface CodeService { |
|||
|
|||
/** |
|||
* 新增注册码 |
|||
* @param codeNum |
|||
* @return |
|||
*/ |
|||
int addRegisterNo(String codeNum); |
|||
/** |
|||
* 查询注册码 |
|||
* @param map |
|||
* @return |
|||
*/ |
|||
List<Register> queryCodeListByMap(Map<String, Object> map); |
|||
/** |
|||
* 查询总条数 |
|||
* @param map |
|||
* @return |
|||
*/ |
|||
int queryTotalCount(Map<String, Object> map); |
|||
/** |
|||
* 删除注册码 |
|||
* @param no |
|||
* @return |
|||
*/ |
|||
ResultVO deleteRegisterNo(String no); |
|||
/** |
|||
* 查询导出数据 |
|||
* @param map |
|||
* @return |
|||
*/ |
|||
List<Register> queryCodeListExportByMap(Map<String, Object> map); |
|||
} |
|||
@ -0,0 +1,52 @@ |
|||
package com.wmeimob.bjyy.service; |
|||
|
|||
import java.util.List; |
|||
|
|||
import com.wmeimob.bjyy.model.Role; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
import com.wmeimob.bjyy.vo.RoleMenuListVO; |
|||
|
|||
|
|||
/** |
|||
* 菜单Service |
|||
*/ |
|||
public interface RoleMenuService { |
|||
|
|||
/** |
|||
* 获取角色菜单列表(后台管理菜单) |
|||
* |
|||
* @param roleId |
|||
* @return |
|||
*/ |
|||
List<RoleMenuListVO> listRoleMenu(String roleId); |
|||
|
|||
/** |
|||
* 通过roleId查询role |
|||
* |
|||
* @param roleId |
|||
* @return |
|||
*/ |
|||
Role getRoleById(String roleId); |
|||
|
|||
/** |
|||
* 获取所有的角色 |
|||
* |
|||
* @return |
|||
*/ |
|||
List<Role> listRole(); |
|||
|
|||
/** |
|||
* 保存编辑或者新增的角色 |
|||
* |
|||
* @return |
|||
*/ |
|||
ResultVO saveRole(String roleName, String description, String menuValue, String roleId); |
|||
|
|||
/** |
|||
* 删除一个角色 |
|||
* |
|||
* @param roleId |
|||
* @return |
|||
*/ |
|||
ResultVO removeRole(String roleId); |
|||
} |
|||
@ -0,0 +1,91 @@ |
|||
package com.wmeimob.bjyy.service; |
|||
|
|||
import java.util.List; |
|||
|
|||
import com.wmeimob.bjyy.model.Care; |
|||
import com.wmeimob.bjyy.model.FollowUp; |
|||
import com.wmeimob.bjyy.model.HealthRecord; |
|||
import com.wmeimob.bjyy.model.MentalTest; |
|||
import com.wmeimob.bjyy.model.Practice; |
|||
import com.wmeimob.bjyy.model.User; |
|||
import com.wmeimob.bjyy.vo.HealthRecordVO; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
|
|||
public interface UserService { |
|||
/*** |
|||
* 查询会员列表 |
|||
* @return |
|||
*/ |
|||
List<User> queryUserList(); |
|||
/** |
|||
* 删除会员 |
|||
* @param id |
|||
* @return |
|||
*/ |
|||
ResultVO deleteUserById(String id); |
|||
/** |
|||
* 查询用户信息详情 |
|||
* @param id |
|||
* @return |
|||
*/ |
|||
User queryUserById(String id); |
|||
/** |
|||
* 查询该用户的随访记录 |
|||
* @param id |
|||
* @return |
|||
*/ |
|||
FollowUp queryFollowUpNewest(String id); |
|||
/** |
|||
* 查询最新的脑力测评 |
|||
* @param id |
|||
* @return |
|||
*/ |
|||
MentalTest queryMentalNewest(String id); |
|||
/*** |
|||
* 查询用户训练跟踪 |
|||
* @param id |
|||
* @return |
|||
*/ |
|||
List<Practice> queryPracticeList(String id); |
|||
/** |
|||
* 查询用户健康档案 |
|||
* @param id |
|||
* @return |
|||
*/ |
|||
List<HealthRecord> queryHealthRecordList(String id); |
|||
/** |
|||
* 查询用户最新健康档案 |
|||
* @param id |
|||
* @return |
|||
*/ |
|||
HealthRecordVO queryHealthRecordNewest(String id); |
|||
/** |
|||
* 查询用户最新照顾者信息 |
|||
* @param id |
|||
* @return |
|||
*/ |
|||
Care queryCareNewest(String id); |
|||
/** |
|||
*查询用户健康档案 |
|||
* @param healthId |
|||
* @return |
|||
*/ |
|||
HealthRecordVO queryHealthRecordById(String healthId); |
|||
/*** |
|||
*查询距当前时间快要过期的记录 |
|||
* @return |
|||
*/ |
|||
List<User> queryOutDateMentelRecord(); |
|||
/** |
|||
* 更新用户短信接收时间 |
|||
* @param newestList |
|||
* @return |
|||
*/ |
|||
int updateUserMagAt(List<User> newestList); |
|||
/*** |
|||
* 查询前天发送过短信的用户,并未做测评的 |
|||
* @return |
|||
*/ |
|||
List<User> queryOutDateMentelRecordPrev(); |
|||
|
|||
} |
|||
@ -0,0 +1,150 @@ |
|||
package com.wmeimob.bjyy.service.impl; |
|||
|
|||
import java.util.ArrayList; |
|||
import java.util.List; |
|||
|
|||
import javax.servlet.http.HttpSession; |
|||
|
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.stereotype.Service; |
|||
|
|||
import com.wmeimob.bjyy.dao.AdminMapper; |
|||
import com.wmeimob.bjyy.dao.RoleMenuMapper; |
|||
import com.wmeimob.bjyy.model.Admin; |
|||
import com.wmeimob.bjyy.model.RoleMenu; |
|||
import com.wmeimob.bjyy.service.AccountService; |
|||
import com.wmeimob.bjyy.util.AES128Util; |
|||
import com.wmeimob.bjyy.util.CookieUtil; |
|||
import com.wmeimob.bjyy.util.Md5Util; |
|||
import com.wmeimob.bjyy.util.SessionUtil; |
|||
import com.wmeimob.bjyy.vo.MenuVO; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
import com.wmeimob.bjyy.vo.RoleMenuListVO; |
|||
|
|||
@Service |
|||
public class AccountServiceImpl implements AccountService { |
|||
|
|||
@Autowired |
|||
private AdminMapper adminMapper; |
|||
|
|||
@Autowired |
|||
private RoleMenuMapper roleMenuMapper; |
|||
|
|||
@Override |
|||
public ResultVO login(String loginName, String password, String remember) { |
|||
ResultVO result = new ResultVO(); |
|||
Admin example = new Admin(); |
|||
example.setLoginName(loginName); |
|||
// 1.账号是否存在
|
|||
List<Admin> exists = adminMapper.selectByExample(example); |
|||
if (exists == null || exists.isEmpty()) { |
|||
result.setCode(11); |
|||
result.setMessage("账户不存在"); |
|||
return result; |
|||
} |
|||
Admin exist = exists.get(0); |
|||
// 2.账户是否禁用
|
|||
if (exist.getIsDisable()) { |
|||
result.setCode(12); |
|||
result.setMessage("账户已被禁用"); |
|||
return result; |
|||
} |
|||
// 3.密码是否正确
|
|||
if (!password.equals(exist.getPassword())) { |
|||
result.setCode(13); |
|||
result.setMessage("密码不正确"); |
|||
return result; |
|||
} |
|||
// 4.加入session
|
|||
HttpSession session = SessionUtil.setSession(SessionUtil.SESSION_ADMIN_INFO, exist); |
|||
List<RoleMenuListVO> menus = listRoleMenu(exist.getRoleId()); |
|||
SessionUtil.setSession(session, SessionUtil.SESSION_ADMIN_MENU, menus); |
|||
|
|||
// 5.记住密码
|
|||
if ("1".equals(remember)) { |
|||
String text = loginName + " " + password; |
|||
CookieUtil.addCookie(CookieUtil.KEY_ADMIN_INFO, AES128Util.encrypt(CookieUtil.KEY_COOKIE_AES, text), |
|||
604800); |
|||
} |
|||
result.setCode(0); |
|||
return result; |
|||
} |
|||
|
|||
@Override |
|||
public List<RoleMenuListVO> listRoleMenu(String roleId) { |
|||
RoleMenu example = new RoleMenu(); |
|||
example.setRoleId(roleId); |
|||
List<MenuVO> allMenus = roleMenuMapper.selectByRoleId(roleId); |
|||
|
|||
RoleMenuListVO rmvo = new RoleMenuListVO(); |
|||
MenuVO parentMenu = new MenuVO(); |
|||
parentMenu.setId("0"); |
|||
rmvo.setParentMenu(parentMenu); |
|||
rmvo.setMenus(new ArrayList<RoleMenuListVO>()); |
|||
return buildMenuTree(rmvo, allMenus); |
|||
} |
|||
|
|||
/** |
|||
* 构建菜单树 |
|||
* |
|||
* @param menuListVO |
|||
* @return |
|||
*/ |
|||
private List<RoleMenuListVO> buildMenuTree(RoleMenuListVO rmvo, List<MenuVO> allMenus) { |
|||
MenuVO menu = rmvo.getParentMenu(); |
|||
List<RoleMenuListVO> roleMenuList = rmvo.getMenus(); |
|||
for (MenuVO m : allMenus) { |
|||
if (m.getParentId().equals(menu.getId())) { |
|||
RoleMenuListVO mv = new RoleMenuListVO(); |
|||
mv.setParentMenu(m); |
|||
mv.setMenus(new ArrayList<RoleMenuListVO>()); |
|||
roleMenuList.add(mv); |
|||
buildMenuTree(mv, allMenus); |
|||
} |
|||
} |
|||
return roleMenuList; |
|||
} |
|||
|
|||
@Override |
|||
public ResultVO changePassword(String oldPwd, String newPwd) { |
|||
Admin admin = SessionUtil.getValue(SessionUtil.SESSION_ADMIN_INFO); |
|||
ResultVO result = new ResultVO(); |
|||
oldPwd = Md5Util.encrypt(oldPwd); |
|||
if (admin == null) { |
|||
result.setCode(11); |
|||
result.setMessage("用户未登录"); |
|||
return result; |
|||
} |
|||
if (!oldPwd.equals(admin.getPassword())) { |
|||
result.setCode(12); |
|||
result.setMessage("密码不正确"); |
|||
return result; |
|||
} |
|||
|
|||
newPwd = Md5Util.encrypt(newPwd); |
|||
admin.setPassword(newPwd); |
|||
int count = adminMapper.updateByPrimaryKeySelective(admin); |
|||
if (count > 0) { |
|||
// 编辑成功
|
|||
CookieUtil.deleteCookie(CookieUtil.KEY_ADMIN_INFO); |
|||
SessionUtil.delete(); |
|||
result.setCode(0); |
|||
return result; |
|||
} else { |
|||
result.setCode(13); |
|||
result.setMessage("系统异常,请重试"); |
|||
return result; |
|||
} |
|||
} |
|||
|
|||
@Override |
|||
public void logout() { |
|||
CookieUtil.deleteCookie(CookieUtil.KEY_ADMIN_INFO); |
|||
SessionUtil.delete(); |
|||
} |
|||
|
|||
@Override |
|||
public Admin selectById(String id) { |
|||
return adminMapper.selectByPrimaryKey(id); |
|||
} |
|||
} |
|||
@ -0,0 +1,98 @@ |
|||
package com.wmeimob.bjyy.service.impl; |
|||
|
|||
import java.util.Date; |
|||
import java.util.List; |
|||
import java.util.UUID; |
|||
|
|||
import org.apache.commons.lang.StringUtils; |
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.stereotype.Service; |
|||
|
|||
import com.wmeimob.bjyy.dao.AdminMapper; |
|||
import com.wmeimob.bjyy.model.Admin; |
|||
import com.wmeimob.bjyy.service.AdminService; |
|||
import com.wmeimob.bjyy.util.Md5Util; |
|||
import com.wmeimob.bjyy.vo.AdminVO; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
|
|||
|
|||
@Service |
|||
public class AdminServiceImpl implements AdminService { |
|||
|
|||
private static final String PASSWORD = "888888"; |
|||
@Autowired |
|||
private AdminMapper adminMapper; |
|||
|
|||
@Override |
|||
public List<AdminVO> lsitAdmin(Admin example) { |
|||
List<AdminVO> admins = adminMapper.selectAdminWithRole(example); |
|||
return admins; |
|||
} |
|||
|
|||
@Override |
|||
public ResultVO saveAdmin(Admin admin) { |
|||
ResultVO result = new ResultVO(); |
|||
Date now = new Date(); |
|||
Admin example = new Admin(); |
|||
example.setLoginName(admin.getLoginName()); |
|||
List<Admin> exists = adminMapper.selectByExample(example); |
|||
if (StringUtils.isEmpty(admin.getId())) { |
|||
// 新增
|
|||
if (exists != null && exists.size() > 0) { |
|||
result.setCode(12); |
|||
result.setMessage("登录名已经存在"); |
|||
return result; |
|||
} |
|||
admin.setId(UUID.randomUUID().toString()); |
|||
admin.setCreateTime(now); |
|||
admin.setIsDisable(false); |
|||
admin.setIsFixed(false); |
|||
admin.setPassword(Md5Util.encrypt(PASSWORD)); |
|||
admin.setStatus(true); |
|||
admin.setUpdateTime(now); |
|||
adminMapper.insertSelective(admin); |
|||
} else { |
|||
// 编辑
|
|||
Admin a = adminMapper.selectByPrimaryKey(admin.getId()); |
|||
if (a == null) { |
|||
result.setCode(11); |
|||
result.setMessage("管理员不存在"); |
|||
return result; |
|||
} |
|||
// 判断用户名是否重复
|
|||
if (exists != null && exists.size() > 0) { |
|||
Admin exist=exists.get(0); |
|||
if (!exist.getId().equals(a.getId())) { |
|||
result.setCode(12); |
|||
result.setMessage("登录名已经存在"); |
|||
return result; |
|||
} |
|||
} |
|||
adminMapper.updateByPrimaryKeySelective(admin); |
|||
} |
|||
result.setCode(0); |
|||
return result; |
|||
} |
|||
|
|||
@Override |
|||
public ResultVO removeAdmin(String adminId) { |
|||
ResultVO result = new ResultVO(); |
|||
Admin selectByPrimaryKey = adminMapper.selectByPrimaryKey(adminId); |
|||
if (selectByPrimaryKey == null) { |
|||
result.setCode(11); |
|||
result.setMessage("用户不存在"); |
|||
return result; |
|||
} |
|||
//该用户的菜单是否应同时删除
|
|||
selectByPrimaryKey.setStatus(false); |
|||
int count = adminMapper.updateByPrimaryKeySelective(selectByPrimaryKey); |
|||
if (count > 0) { |
|||
result.setCode(0); |
|||
} else { |
|||
result.setCode(12); |
|||
result.setMessage("保存数据失败,请重试"); |
|||
} |
|||
return result; |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,94 @@ |
|||
package com.wmeimob.bjyy.service.impl; |
|||
|
|||
|
|||
import java.util.ArrayList; |
|||
import java.util.Date; |
|||
import java.util.List; |
|||
import java.util.Map; |
|||
|
|||
import org.apache.log4j.Logger; |
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.stereotype.Service; |
|||
import org.springframework.util.Assert; |
|||
|
|||
import com.wmeimob.bjyy.dao.RegisterMapper; |
|||
import com.wmeimob.bjyy.dao.UserMapper; |
|||
import com.wmeimob.bjyy.model.Register; |
|||
import com.wmeimob.bjyy.model.User; |
|||
import com.wmeimob.bjyy.service.CodeService; |
|||
import com.wmeimob.bjyy.util.UUIDUtil; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
|
|||
@Service |
|||
public class CodeServiceImpl implements CodeService { |
|||
|
|||
private Logger log = Logger.getLogger(this.getClass()); |
|||
|
|||
@Autowired |
|||
private RegisterMapper registerMapper; |
|||
|
|||
@Autowired |
|||
private UserMapper userMapper; |
|||
|
|||
@Override |
|||
public int addRegisterNo(String codeNum) { |
|||
log.debug("############CodeServiceImpl addRegisterNo#########start"); |
|||
Assert.notNull(codeNum); |
|||
try { |
|||
int selectByMaxbatchNum=registerMapper.selectByMaxbatchNum(); |
|||
List<Register> registerList=new ArrayList<Register>(); |
|||
for (int i = 0; i < Integer.parseInt(codeNum); i++) { |
|||
Register register = new Register(); |
|||
register.setRegisterNo(UUIDUtil.generateCode()); |
|||
register.setBatchNum(selectByMaxbatchNum+1); |
|||
register.setIsBound(false); |
|||
register.setCreatedAt(new Date()); |
|||
register.setUpdatedAt(new Date()); |
|||
register.setStatus(true); |
|||
registerList.add(register); |
|||
} |
|||
return registerMapper.insertRegisterList(registerList); |
|||
} catch (Exception e) { |
|||
log.debug("###########CodeServiceImpl addRegisterNo########fail###e="+e.getMessage()); |
|||
return 0; |
|||
} |
|||
} |
|||
|
|||
@Override |
|||
public List<Register> queryCodeListByMap(Map<String, Object> map) { |
|||
return registerMapper.selectCodeListByMap(map); |
|||
} |
|||
|
|||
@Override |
|||
public int queryTotalCount(Map<String, Object> map) { |
|||
return registerMapper.selectTotalCount(map); |
|||
} |
|||
|
|||
@Override |
|||
public ResultVO deleteRegisterNo(String no) { |
|||
ResultVO result=new ResultVO(); |
|||
User user=new User(); |
|||
user.setRegisterNo(no); |
|||
List<User> queryUserByCondition=userMapper.selectByExample(user); |
|||
if(null!=queryUserByCondition && queryUserByCondition.size()>0){ |
|||
result.setCode(-1); |
|||
result.setMessage("注册码已被绑定"); |
|||
return result; |
|||
} |
|||
int deleteByPrimaryKey = registerMapper.deleteByPrimaryKey(no); |
|||
if(deleteByPrimaryKey>0){ |
|||
result.setCode(0); |
|||
}else{ |
|||
result.setCode(-1); |
|||
result.setMessage("操作失败,请重试"); |
|||
} |
|||
return result; |
|||
} |
|||
|
|||
@Override |
|||
public List<Register> queryCodeListExportByMap(Map<String, Object> map) { |
|||
return registerMapper.selectCodeListExportByMap(map); |
|||
} |
|||
|
|||
|
|||
} |
|||
@ -0,0 +1,166 @@ |
|||
package com.wmeimob.bjyy.service.impl; |
|||
|
|||
import java.util.ArrayList; |
|||
import java.util.Date; |
|||
import java.util.List; |
|||
import java.util.UUID; |
|||
|
|||
import org.apache.commons.lang.StringUtils; |
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.stereotype.Service; |
|||
import org.springframework.transaction.annotation.Transactional; |
|||
|
|||
import com.wmeimob.bjyy.dao.AdminMapper; |
|||
import com.wmeimob.bjyy.dao.RoleMapper; |
|||
import com.wmeimob.bjyy.dao.RoleMenuMapper; |
|||
import com.wmeimob.bjyy.model.Admin; |
|||
import com.wmeimob.bjyy.model.Role; |
|||
import com.wmeimob.bjyy.model.RoleMenu; |
|||
import com.wmeimob.bjyy.service.RoleMenuService; |
|||
import com.wmeimob.bjyy.vo.MenuVO; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
import com.wmeimob.bjyy.vo.RoleMenuListVO; |
|||
|
|||
@Service |
|||
public class RoleMenuServiceImpl implements RoleMenuService { |
|||
|
|||
@Autowired |
|||
private RoleMapper roleMapper; |
|||
|
|||
@Autowired |
|||
private RoleMenuMapper roleMenuMapper; |
|||
|
|||
@Autowired |
|||
private AdminMapper adminMapper; |
|||
|
|||
@Override |
|||
public List<RoleMenuListVO> listRoleMenu(String roleId) { |
|||
RoleMenu example = new RoleMenu(); |
|||
example.setRoleId(roleId); |
|||
List<MenuVO> allMenus = roleMenuMapper.selectByRoleWithStatus(roleId); |
|||
|
|||
RoleMenuListVO rmvo = new RoleMenuListVO(); |
|||
MenuVO parentMenu = new MenuVO(); |
|||
parentMenu.setId("0"); |
|||
rmvo.setParentMenu(parentMenu); |
|||
rmvo.setMenus(new ArrayList<RoleMenuListVO>()); |
|||
return buildMenuTree(rmvo, allMenus); |
|||
} |
|||
|
|||
/** |
|||
* 构建菜单树 |
|||
* |
|||
* @param menuListVO |
|||
* @return |
|||
*/ |
|||
private List<RoleMenuListVO> buildMenuTree(RoleMenuListVO rmvo, List<MenuVO> allMenus) { |
|||
MenuVO menu = rmvo.getParentMenu(); |
|||
List<RoleMenuListVO> roleMenuList = rmvo.getMenus(); |
|||
for (MenuVO m : allMenus) { |
|||
if (m.getParentId().equals(menu.getId())) { |
|||
RoleMenuListVO mv = new RoleMenuListVO(); |
|||
mv.setParentMenu(m); |
|||
mv.setMenus(new ArrayList<RoleMenuListVO>()); |
|||
roleMenuList.add(mv); |
|||
buildMenuTree(mv, allMenus); |
|||
} |
|||
} |
|||
return roleMenuList; |
|||
} |
|||
|
|||
@Override |
|||
public List<Role> listRole() { |
|||
Role example = new Role(); |
|||
return roleMapper.selectByExample(example); |
|||
} |
|||
|
|||
@Override |
|||
public ResultVO removeRole(String roleId) { |
|||
ResultVO result = new ResultVO(); |
|||
Role role = roleMapper.selectByPrimaryKey(roleId); |
|||
if (role == null) { |
|||
result.setCode(11); |
|||
result.setMessage("角色不存在"); |
|||
return result; |
|||
} |
|||
Admin example = new Admin(); |
|||
example.setRoleId(roleId); |
|||
List<Admin> admins = adminMapper.selectByExample(example); |
|||
if (admins.size() > 0) { |
|||
result.setCode(13); |
|||
result.setMessage("该角色下存在管理员"); |
|||
return result; |
|||
} |
|||
role.setStatus(false); |
|||
int count = roleMapper.updateByPrimaryKeySelective(role); |
|||
if (count > 0) { |
|||
result.setCode(0); |
|||
} else { |
|||
result.setCode(12); |
|||
result.setMessage("保存数据失败,请重试"); |
|||
} |
|||
return result; |
|||
} |
|||
|
|||
@Override |
|||
@Transactional |
|||
public ResultVO saveRole(String roleName, String description, String menuValue, String roleId) { |
|||
ResultVO result = new ResultVO(); |
|||
try { |
|||
Boolean isEdit = false; |
|||
Role role = new Role(); |
|||
Date now = new Date(); |
|||
if (StringUtils.isNotEmpty(roleId)) { |
|||
isEdit = true; |
|||
role = roleMapper.selectByPrimaryKey(roleId); |
|||
if (role == null) { |
|||
result.setCode(3); |
|||
result.setMessage("角色不存在"); |
|||
return result; |
|||
} |
|||
} |
|||
role.setDescription(description); |
|||
role.setName(roleName); |
|||
role.setUpdateTime(now); |
|||
if (isEdit) { |
|||
// 编辑角色
|
|||
roleMapper.updateByPrimaryKeySelective(role); |
|||
// 删除之前的权限
|
|||
roleMenuMapper.deleteMenuByRoleId(roleId); |
|||
} else { |
|||
// 新增角色
|
|||
role.setId(UUID.randomUUID().toString()); |
|||
role.setCreateTime(now); |
|||
role.setIsDisable(false); |
|||
role.setIsFixed(false); |
|||
role.setStatus(true); |
|||
roleMapper.insertSelective(role); |
|||
} |
|||
|
|||
// 保存新的权限
|
|||
String[] strMenus = menuValue.split("#"); |
|||
for (String menuid : strMenus) { |
|||
RoleMenu roleMenu = new RoleMenu(); |
|||
roleMenu.setMenuId(menuid); |
|||
roleMenu.setStatus(true); |
|||
roleMenu.setRoleId(role.getId()); |
|||
String rmuuid = UUID.randomUUID().toString(); |
|||
roleMenu.setId(rmuuid); |
|||
roleMenu.setUpdateTime(now); |
|||
roleMenu.setUpdateTime(now); |
|||
roleMenuMapper.insert(roleMenu); |
|||
} |
|||
result.setCode(0); |
|||
} catch (Exception e) { |
|||
result.setCode(11); |
|||
result.setMessage("保存失败,请重试"); |
|||
} |
|||
return result; |
|||
} |
|||
|
|||
@Override |
|||
public Role getRoleById(String roleId) { |
|||
return roleMapper.selectByPrimaryKey(roleId); |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,131 @@ |
|||
package com.wmeimob.bjyy.service.impl; |
|||
|
|||
import java.util.Date; |
|||
import java.util.List; |
|||
|
|||
import org.apache.commons.lang.StringUtils; |
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.stereotype.Service; |
|||
|
|||
import com.wmeimob.bjyy.dao.CareMapper; |
|||
import com.wmeimob.bjyy.dao.FollowUpMapper; |
|||
import com.wmeimob.bjyy.dao.HealthRecordMapper; |
|||
import com.wmeimob.bjyy.dao.MentalTestMapper; |
|||
import com.wmeimob.bjyy.dao.PracticeMapper; |
|||
import com.wmeimob.bjyy.dao.UserMapper; |
|||
import com.wmeimob.bjyy.model.Care; |
|||
import com.wmeimob.bjyy.model.FollowUp; |
|||
import com.wmeimob.bjyy.model.HealthRecord; |
|||
import com.wmeimob.bjyy.model.MentalTest; |
|||
import com.wmeimob.bjyy.model.Practice; |
|||
import com.wmeimob.bjyy.model.User; |
|||
import com.wmeimob.bjyy.service.UserService; |
|||
import com.wmeimob.bjyy.vo.HealthRecordVO; |
|||
import com.wmeimob.bjyy.vo.ResultVO; |
|||
|
|||
@Service |
|||
public class UserServiceImpl implements UserService{ |
|||
|
|||
@Autowired |
|||
private UserMapper userMapper; |
|||
|
|||
@Autowired |
|||
private FollowUpMapper followUpMapper; |
|||
|
|||
@Autowired |
|||
private MentalTestMapper mentalTestMapper; |
|||
|
|||
@Autowired |
|||
private PracticeMapper practiceMapper; |
|||
|
|||
@Autowired |
|||
private HealthRecordMapper healthRecordMapper; |
|||
|
|||
@Autowired |
|||
private CareMapper careMapper; |
|||
|
|||
@Override |
|||
public List<User> queryUserList() { |
|||
User user=new User(); |
|||
return userMapper.selectByExample(user); |
|||
} |
|||
|
|||
@Override |
|||
public ResultVO deleteUserById(String id) { |
|||
ResultVO result=new ResultVO(); |
|||
if(StringUtils.isEmpty(id)){ |
|||
result.setCode(-1); |
|||
result.setMessage("删除失败"); |
|||
return result; |
|||
} |
|||
User user=new User(); |
|||
user.setId(id); |
|||
user.setUpdateAt(new Date()); |
|||
user.setStatus(false); |
|||
int updateByPrimaryKeySelective = userMapper.updateByPrimaryKeySelective(user); |
|||
if(updateByPrimaryKeySelective>0){ |
|||
result.setCode(0); |
|||
}else{ |
|||
result.setCode(-1); |
|||
result.setMessage("删除失败"); |
|||
} |
|||
return result; |
|||
} |
|||
|
|||
@Override |
|||
public User queryUserById(String id) { |
|||
return userMapper.selectByPrimaryKey(id); |
|||
} |
|||
|
|||
@Override |
|||
public FollowUp queryFollowUpNewest(String id) { |
|||
return followUpMapper.selectFollowUpByUserId(id); |
|||
} |
|||
|
|||
@Override |
|||
public MentalTest queryMentalNewest(String id) { |
|||
return mentalTestMapper.selectMentalRecordNewest(id); |
|||
} |
|||
|
|||
@Override |
|||
public List<Practice> queryPracticeList(String id) { |
|||
return practiceMapper.selectPracticeList(id); |
|||
} |
|||
|
|||
@Override |
|||
public List<HealthRecord> queryHealthRecordList(String id) { |
|||
return healthRecordMapper.selectHealthRecordList(id); |
|||
} |
|||
|
|||
@Override |
|||
public HealthRecordVO queryHealthRecordNewest(String id) { |
|||
return healthRecordMapper.selectHealthRecordNewest(id); |
|||
} |
|||
|
|||
@Override |
|||
public Care queryCareNewest(String id) { |
|||
return careMapper.selectZBICareNewest(id); |
|||
} |
|||
|
|||
@Override |
|||
public HealthRecordVO queryHealthRecordById(String healthId) { |
|||
return healthRecordMapper.selectHealthRecordDetail(null, healthId); |
|||
} |
|||
|
|||
@Override |
|||
public List<User> queryOutDateMentelRecord() { |
|||
return userMapper.selectOutDateMentelRecord(); |
|||
} |
|||
|
|||
@Override |
|||
public int updateUserMagAt(List<User> newestList) { |
|||
return userMapper.updateUserMagAt(newestList); |
|||
} |
|||
|
|||
@Override |
|||
public List<User> queryOutDateMentelRecordPrev() { |
|||
return userMapper.selectOutDateMentelRecordPrev(); |
|||
} |
|||
|
|||
|
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
log4j.rootLogger=DEBUG,stdout |
|||
|
|||
log4j.appender.stdout=org.apache.log4j.ConsoleAppender |
|||
log4j.appender.stdout.Target=System.out |
|||
log4j.appender.stdout.Threshold=DEBUG |
|||
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout |
|||
log4j.appender.stdout.layout.ConversionPattern=[%d{yyyy/MM/dd HH:mm:ss}] [%l] [%p] -%m %n |
|||
|
|||
log4j.logger.com.ibatis=DEBUG |
|||
log4j.logger.com.ibatis.common.jdbc.SimpleDataSource=DEBUG |
|||
log4j.logger.com.ibatis.common.jdbc.ScriptRunner=DEBUG |
|||
log4j.logger.com.ibatis.sqlmap.engine.impl.SqlMapClientDelegate=DEBUG |
|||
log4j.logger.java.sql.Connection=DEBUG |
|||
log4j.logger.java.sql.Statement=DEBUG |
|||
log4j.logger.java.sql.PreparedStatement=DEBUG |
|||
log4j.logger.java.sql.ResultSet=DEBUG |
|||
|
|||
log4j.appender.Daily=org.apache.log4j.DailyRollingFileAppender |
|||
#log4j.appender.Daily.File= |
|||
log4j.appender.Daily.Encoding=UTF-8 |
|||
log4j.appender.Daily.Threshold=ERROR |
|||
log4j.appender.Daily.DatePattern='.'yyyy-MM-dd |
|||
log4j.appender.Daily.layout=org.apache.log4j.PatternLayout |
|||
log4j.appender.Daily.layout.ConversionPattern=%d{ABSOLUTE} %5p %c{1}:%L : %m%n |
|||
Binary file not shown.
@ -0,0 +1,11 @@ |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> |
|||
<c:set var="basePath" value="${pageContext.request.contextPath}" /> |
|||
<div class="footer"> |
|||
<div class="footer-inner">北京燕园管理系统</div> |
|||
<div class="footer-tools"> |
|||
<span class="go-top"> <i class="icon-angle-up"></i> |
|||
</span> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,41 @@ |
|||
<!DOCTYPE html> |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> |
|||
<c:set var="contextPath" value="${pageContext.request.contextPath}" /> |
|||
<html> |
|||
<head lang="zh-cn"> |
|||
<meta charset="utf-8"><meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /><meta http-equiv="Pragma" content="no-cache" /><meta http-equiv="Expires" content="0" /> |
|||
<title></title> |
|||
</head> |
|||
<body> |
|||
<div class='navbar-inner'> |
|||
<div class='container-fluid'> |
|||
<a href='javascript:;' class='brand hidden-phone ion toggle'data-toggle='collapse' data-target='.nav-collapse'> |
|||
<img src='${contextPath}/static/image/sidebar-toggler.jpg'></a> |
|||
<a class='brand Logo_img' href='#'> |
|||
<a href='javascript:;' class='btn-navbar collapsed' data-toggle='collapse' data-target='.nav-collapse'></a> |
|||
<ul class='nav pull-right'> |
|||
<li class='dropdown user'><a href='#' class='dropdown-toggle'data-toggle='dropdown'> |
|||
<img alt='' src='${contextPath}/static/image/avatar1_small.jpg' /> |
|||
<span class='username'>${sessionScope.loginAdmin.loginName}</span> |
|||
<i class='icon-angle-down'> </i></a> |
|||
<ul class='dropdown-menu User' style="background:#fefefe""> |
|||
<li id="li_layout_header_changpwd"><a href="${contextPath }/change_pwd"><i class='icon-key'></i> 修改密码</a></li> |
|||
<li id="li_layout_header_logout" contextPath="${contextPath}"> |
|||
<a data-toggle="modal" onclick="logout()"><i class='icon-user'></i>退出</a></li> |
|||
</ul> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
<script type="text/javascript"> |
|||
function logout(){ |
|||
if(confirm("确定要退出登录吗?")) |
|||
{ |
|||
window.location.href="${contextPath}/logout"; |
|||
} |
|||
} |
|||
</script> |
|||
</html> |
|||
@ -0,0 +1,41 @@ |
|||
<!DOCTYPE html> |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> |
|||
<c:set var="contextPath" value="${pageContext.request.contextPath}" /> |
|||
<ul class="page-sidebar-menu"> |
|||
<li class="start"> |
|||
<a rel="menu_a_flag" > |
|||
<i class="icon-home"></i> |
|||
<span class="title">首页</span> |
|||
<span class="arrow"></span> |
|||
</a> |
|||
</li> |
|||
|
|||
<!--slideBar--> |
|||
<c:forEach items="${sessionScope.session_bjyy_amdin_menu}" var="parentMenu"> |
|||
<c:if test="${!empty parentMenu.menus }"> |
|||
<li class=""> |
|||
<a href="javascript:;"> |
|||
<i class="icon-download"></i> |
|||
<span class="title">${parentMenu.parentMenu.name}</span> |
|||
<span class="arrow"></span> |
|||
</a> |
|||
<ul class="sub-menu"> |
|||
<c:forEach items="${parentMenu.menus}" var="menu"> |
|||
<c:if test="${menu.parentMenu.type==1 }"> |
|||
<c:choose> |
|||
<c:when test="${menu.parentMenu.url!= '#'}"> |
|||
<li class="city_manage"><a rel="menu_a_flag" href="${contextPath}${menu.parentMenu.url}">${menu.parentMenu.name}</a></li> |
|||
</c:when> |
|||
<c:otherwise> |
|||
<li class="city_manage"><a rel="menu_a_flag" href="#">${menu.parentMenu.name}</a></li> |
|||
</c:otherwise> |
|||
</c:choose> |
|||
</c:if> |
|||
</c:forEach> |
|||
</ul> |
|||
</li> |
|||
</c:if> |
|||
</c:forEach> |
|||
</ul> |
|||
@ -0,0 +1,286 @@ |
|||
<!DOCTYPE html> |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> |
|||
<c:set var="contextPath" value="${pageContext.request.contextPath}" /> |
|||
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> |
|||
|
|||
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> |
|||
|
|||
<!--[if !IE]><!--> <!--<![endif]--> |
|||
|
|||
<!-- BEGIN HEAD --> |
|||
<html lang="en"> |
|||
<head> |
|||
|
|||
<meta charset="utf-8" /> |
|||
|
|||
<title>北京燕园管理系统 | 燕园办公</title> |
|||
|
|||
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> |
|||
|
|||
<meta content="" name="description" /> |
|||
|
|||
<meta content="" name="author" /> |
|||
|
|||
<!-- BEGIN GLOBAL MANDATORY STYLES --> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-metro.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-responsive.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/default.css" rel="stylesheet" type="text/css" id="style_color"/> |
|||
|
|||
<link href="${contextPath}/static/css/uniform.default.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<!-- END GLOBAL MANDATORY STYLES --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL STYLES --> |
|||
|
|||
<link href="${contextPath}/static/css/login-soft.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<!-- END PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="shortcut icon" href="${contextPath}/static/image/favicon.ico" /> |
|||
|
|||
</head> |
|||
|
|||
<!-- END HEAD --> |
|||
|
|||
<!-- BEGIN BODY --> |
|||
|
|||
<body class="login"> |
|||
<div class="Header header-two"> |
|||
<img src="${contextPath}/static/image/elogo.png" style="width:15%"/> |
|||
<span class="Fonts">北京燕园后台管理</span> |
|||
<p class="Fonts_p">bei jing yan yuan hou tai guan li </p> |
|||
</div> |
|||
<!-- BEGIN LOGO --> |
|||
|
|||
<div class="Body"> |
|||
<img src="${contextPath}/static/image/bg_pic.png" class="bg_pic"/> |
|||
<div class="content " style="padding-top: 1rem" id="Con_login"> |
|||
|
|||
<!-- BEGIN LOGIN FORM --> |
|||
|
|||
<form id="change_pwd_form" > |
|||
<h3 class="form-title" style="color: #333">修改你的密码</h3> |
|||
|
|||
<div class="alert alert-error hide"> |
|||
|
|||
<button class="close" data-dismiss="alert"></button> |
|||
|
|||
<span style="color: #333">请输入密码</span> |
|||
|
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that--> |
|||
|
|||
<label class="control-label visible-ie8 visible-ie9" style="color: #333">旧密码</label> |
|||
|
|||
<div class="controls"> |
|||
|
|||
<div class="input-icon left"> |
|||
<i class="icon-user"></i> |
|||
<input class="m-wrap placeholder-no-fix" required="required" type="password" placeholder="旧密码" name="oldPwd"/> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label visible-ie8 visible-ie9">确认密码</label> |
|||
|
|||
<div class="controls"> |
|||
|
|||
<div class="input-icon left"> |
|||
<i class="icon-lock"></i> |
|||
<input class="m-wrap placeholder-no-fix" required="required" type="password" placeholder="确认密码" name="surePwd"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label visible-ie8 visible-ie9">新密码</label> |
|||
|
|||
<div class="controls"> |
|||
|
|||
<div class="input-icon left"> |
|||
<i class="icon-lock"></i> |
|||
<input class="m-wrap placeholder-no-fix" required="required" type="password" placeholder="新密码" name="newPwd"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div id="login_err_msg" style="color:red;"></div> |
|||
|
|||
<div class="form-actions"> |
|||
</div> |
|||
|
|||
<button type="button" id="btn_change_pwd" class="btn blue" style="width: 100%"> |
|||
修改密码 |
|||
</button> |
|||
|
|||
</form> |
|||
|
|||
<!-- END LOGIN FORM --> |
|||
|
|||
<!-- BEGIN FORGOT PASSWORD FORM --> |
|||
|
|||
|
|||
|
|||
<!-- END FORGOT PASSWORD FORM --> |
|||
|
|||
<!-- BEGIN REGISTRATION FORM --> |
|||
|
|||
|
|||
|
|||
<!-- END REGISTRATION FORM --> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<!-- END LOGO --> |
|||
|
|||
<!-- BEGIN LOGIN --> |
|||
|
|||
|
|||
|
|||
<!-- END LOGIN --> |
|||
|
|||
<!-- BEGIN COPYRIGHT --> |
|||
|
|||
|
|||
|
|||
<!-- END COPYRIGHT --> |
|||
|
|||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --> |
|||
|
|||
<!-- BEGIN CORE PLUGINS --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-1.10.1.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> |
|||
|
|||
<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap.min.js" type="text/javascript"></script> |
|||
|
|||
<!--[if lt IE 9]> |
|||
|
|||
<script src="${contextPath}/static/js/excanvas.min.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/respond.min.js"></script> |
|||
|
|||
<![endif]--> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.slimscroll.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.blockui.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.cookie.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.uniform.min.js" type="text/javascript" ></script> |
|||
|
|||
<!-- END CORE PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL PLUGINS --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.validate.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.backstretch.min.js" type="text/javascript"></script> |
|||
|
|||
<!-- END PAGE LEVEL PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL SCRIPTS --> |
|||
|
|||
<script src="${contextPath}/static/js/app.js" type="text/javascript"></script> |
|||
<script src="${contextPath}/static/js/security/base64.js" type="text/javascript"></script> |
|||
<script src="${contextPath}/static/js/login-soft.js" type="text/javascript"></script> |
|||
|
|||
<!-- END PAGE LEVEL SCRIPTS --> |
|||
|
|||
<script> |
|||
|
|||
jQuery(document).ready(function() { |
|||
|
|||
App.init(); |
|||
Login.init(); |
|||
|
|||
//登录按钮点击事件 |
|||
$("#btn_change_pwd").click(function(){ |
|||
var isOk=true;var $this=$(this); |
|||
$("input[required=required]").each(function(){ |
|||
if ($(this).val()==null||$(this).val()==undefined||$(this).val()=="") { |
|||
isOk=false; |
|||
$("#login_err_msg").html($(this).attr("placeholder")+"不能为空!"); |
|||
return false; |
|||
}else if($(this).val().indexOf(" ")!=-1){ |
|||
isOk=false; |
|||
$("#login_err_msg").html($(this).attr("placeholder")+"不能包含空格!"); |
|||
return false; |
|||
} |
|||
}); |
|||
var oldPwd=$("input[name=oldPwd]").val(); |
|||
var surePwd=$("input[name=surePwd]").val(); |
|||
var newPwd=$("input[name=newPwd]").val(); |
|||
|
|||
if (newPwd!=surePwd) { |
|||
isOk=false; |
|||
$("#login_err_msg").html("两次输入的密码不一致"); |
|||
} |
|||
if (oldPwd==newPwd) { |
|||
isOk=false; |
|||
$("#login_err_msg").html("新旧密码不可以相同"); |
|||
} |
|||
|
|||
if (!isOk) { return false; } |
|||
$this.attr("disabled",true); |
|||
//登录 |
|||
$.ajax({ |
|||
url:'${contextPath}/change_pwd', |
|||
data:$("#change_pwd_form").serialize(), |
|||
type:"post", |
|||
success:function(result){ |
|||
if(result.code == 0){ |
|||
alert("密码修改成功,请重新登录"); |
|||
window.location.href="${contextPath}/login"; |
|||
}else{ |
|||
$("#login_err_msg").html(result.message); |
|||
} |
|||
$this.attr("disabled",false); |
|||
}, |
|||
error:function(){ |
|||
$this.attr("disabled",false); |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
//回车登录 |
|||
$("input[name=loginName],input[name=password]").on("keydown", function(event){ |
|||
if(event != null && event.keyCode == 13){ |
|||
$("#btn_change_pwd").click(); |
|||
} |
|||
}); |
|||
}); |
|||
</script> |
|||
|
|||
<!-- END JAVASCRIPTS --> |
|||
|
|||
</body> |
|||
|
|||
<!-- END BODY --> |
|||
|
|||
</html> |
|||
@ -0,0 +1,269 @@ |
|||
<!DOCTYPE html> |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> |
|||
<c:set var="contextPath" value="${pageContext.request.contextPath}" /> |
|||
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> |
|||
|
|||
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> |
|||
|
|||
<!--[if !IE]><!--> <!--<![endif]--> |
|||
|
|||
<!-- BEGIN HEAD --> |
|||
<html lang="en"> |
|||
<head> |
|||
|
|||
<meta charset="utf-8" /> |
|||
|
|||
<title>北京燕园管理系统 | 燕园办公</title> |
|||
|
|||
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> |
|||
|
|||
<meta content="" name="description" /> |
|||
|
|||
<meta content="" name="author" /> |
|||
|
|||
<!-- BEGIN GLOBAL MANDATORY STYLES --> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-metro.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-responsive.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/default.css" rel="stylesheet" type="text/css" id="style_color"/> |
|||
|
|||
<link href="${contextPath}/static/css/uniform.default.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<!-- END GLOBAL MANDATORY STYLES --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL STYLES --> |
|||
|
|||
<link href="${contextPath}/static/css/login-soft.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<!-- END PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="shortcut icon" href="${contextPath}/static/image/favicon.ico" /> |
|||
|
|||
</head> |
|||
|
|||
<!-- END HEAD --> |
|||
|
|||
<!-- BEGIN BODY --> |
|||
|
|||
<body class="login"> |
|||
<div class="Header header-two"> |
|||
<img src="${contextPath}/static/image/elogo.png" style="width:15%"/> |
|||
<span class="Fonts">北京燕园后台管理</span> |
|||
<p class="Fonts_p">bei jing yan yuan hou tai guan li </p> |
|||
</div> |
|||
<!-- BEGIN LOGO --> |
|||
|
|||
<div class="Body"> |
|||
<img src="${contextPath}/static/image/bg_pic.png" class="bg_pic"/> |
|||
<div class="content " style="padding-top: 1rem" id="Con_login"> |
|||
|
|||
<!-- BEGIN LOGIN FORM --> |
|||
|
|||
<form id="login_form" > |
|||
<h3 class="form-title" style="color: #333">登录你的账号</h3> |
|||
|
|||
<div class="alert alert-error hide"> |
|||
|
|||
<button class="close" data-dismiss="alert"></button> |
|||
|
|||
<span style="color: #333">请输入用户名和密码</span> |
|||
|
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that--> |
|||
|
|||
<label class="control-label visible-ie8 visible-ie9" style="color: #333">用户名</label> |
|||
|
|||
<div class="controls"> |
|||
|
|||
<div class="input-icon left"> |
|||
<i class="icon-user" style='margin-top:15px'></i> |
|||
<input class="m-wrap placeholder-no-fix" required="required" type="text" style='height:30px' placeholder="用户名" name="loginName"/> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
|
|||
<label class="control-label visible-ie8 visible-ie9">密码</label> |
|||
|
|||
<div class="controls"> |
|||
|
|||
<div class="input-icon left"> |
|||
|
|||
<i class="icon-lock" style='margin-top:15px'></i> |
|||
|
|||
<input class="m-wrap placeholder-no-fix" required="required" type="password" placeholder="密码" style='height:30px' name="password"/> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
<div id="login_err_msg" style="color:red;"></div> |
|||
<div class="form-actions"> |
|||
<label class="checkbox" style='margin-left:-15px;' > |
|||
<input type="checkbox" name="remember" value="1" style="width:30px;height:30px;margin-right:10px" /><span style="color: #333;margin-left:20px">记住密码</span> |
|||
</label> |
|||
</div> |
|||
|
|||
<button type="button" id="btn_login" class="btn blue" style="width: 100%;height:40px"> |
|||
登录 |
|||
</button> |
|||
|
|||
</form> |
|||
|
|||
<!-- END LOGIN FORM --> |
|||
|
|||
<!-- BEGIN FORGOT PASSWORD FORM --> |
|||
|
|||
|
|||
|
|||
<!-- END FORGOT PASSWORD FORM --> |
|||
|
|||
<!-- BEGIN REGISTRATION FORM --> |
|||
|
|||
|
|||
|
|||
<!-- END REGISTRATION FORM --> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<!-- END LOGO --> |
|||
|
|||
<!-- BEGIN LOGIN --> |
|||
|
|||
|
|||
|
|||
<!-- END LOGIN --> |
|||
|
|||
<!-- BEGIN COPYRIGHT --> |
|||
|
|||
|
|||
|
|||
<!-- END COPYRIGHT --> |
|||
|
|||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --> |
|||
|
|||
<!-- BEGIN CORE PLUGINS --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-1.10.1.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> |
|||
|
|||
<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap.min.js" type="text/javascript"></script> |
|||
|
|||
<!--[if lt IE 9]> |
|||
|
|||
<script src="${contextPath}/static/js/excanvas.min.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/respond.min.js"></script> |
|||
|
|||
<![endif]--> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.slimscroll.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.blockui.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.cookie.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.uniform.min.js" type="text/javascript" ></script> |
|||
|
|||
<!-- END CORE PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL PLUGINS --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.validate.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.backstretch.min.js" type="text/javascript"></script> |
|||
|
|||
<!-- END PAGE LEVEL PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL SCRIPTS --> |
|||
|
|||
<script src="${contextPath}/static/js/app.js" type="text/javascript"></script> |
|||
<script src="${contextPath}/static/js/security/base64.js" type="text/javascript"></script> |
|||
<script src="${contextPath}/static/js/login-soft.js" type="text/javascript"></script> |
|||
|
|||
<!-- END PAGE LEVEL SCRIPTS --> |
|||
|
|||
<script> |
|||
|
|||
jQuery(document).ready(function() { |
|||
|
|||
App.init(); |
|||
Login.init(); |
|||
|
|||
//登录按钮点击事件 |
|||
$("#btn_login").click(function(){ |
|||
var isOk=true; |
|||
var $this=$(this); |
|||
$("input[required=required]").each(function(){ |
|||
if ($(this).val()==null||$(this).val()==undefined||$(this).val()=="") { |
|||
isOk=false; |
|||
$("#login_err_msg").html($(this).attr("placeholder")+"不能为空!"); |
|||
return false; |
|||
}else if($(this).val().indexOf(" ")!=-1){ |
|||
isOk=false; |
|||
$("#login_err_msg").html($(this).attr("placeholder")+"不能包含空格!"); |
|||
return false; |
|||
} |
|||
}); |
|||
if (!isOk) { return false; } |
|||
$this.attr("disabled",true); |
|||
//登录 |
|||
$.ajax({ |
|||
url:'${contextPath}/login', |
|||
data:$("#login_form").serialize(), |
|||
type:"post", |
|||
dataType:"json", |
|||
success:function(result){ |
|||
if(result.code == 0){ |
|||
window.location.href="${contextPath}/admin/index"; |
|||
}else{ |
|||
$("#login_err_msg").html(result.message); |
|||
} |
|||
$this.attr("disabled",false); |
|||
}, |
|||
error:function(){ |
|||
$this.attr("disabled",false); |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
//回车登录 |
|||
$("input[name=loginName],input[name=password]").on("keydown", function(event){ |
|||
if(event != null && event.keyCode == 13){ |
|||
$("#btn_login").click(); |
|||
} |
|||
}); |
|||
}); |
|||
</script> |
|||
|
|||
<!-- END JAVASCRIPTS --> |
|||
|
|||
</body> |
|||
|
|||
<!-- END BODY --> |
|||
|
|||
</html> |
|||
@ -0,0 +1,243 @@ |
|||
<!DOCTYPE html> |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> |
|||
<c:set var="contextPath" value="${pageContext.request.contextPath}" /> |
|||
|
|||
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> |
|||
|
|||
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> |
|||
|
|||
<!--[if !IE]><!--> <!--<![endif]--> |
|||
|
|||
<!-- BEGIN HEAD --> |
|||
<html lang="en"> |
|||
<head> |
|||
|
|||
<meta charset="utf-8" /> |
|||
|
|||
<title>北京燕园管理系统 | 登录首页</title> |
|||
|
|||
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> |
|||
|
|||
<meta content="" name="description" /> |
|||
|
|||
<meta content="" name="author" /> |
|||
|
|||
<!-- BEGIN GLOBAL MANDATORY STYLES --> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-metro.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-responsive.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/default.css" rel="stylesheet" type="text/css" id="style_color"/> |
|||
|
|||
<link href="${contextPath}/static/css/uniform.default.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<!-- END GLOBAL MANDATORY STYLES --> |
|||
|
|||
<link rel="shortcut icon" href="${contextPath}/static/image/favicon.ico" /> |
|||
|
|||
</head> |
|||
|
|||
<!-- END HEAD --> |
|||
|
|||
<!-- BEGIN BODY --> |
|||
|
|||
<body class="page-header-fixed page-footer-fixed"> |
|||
|
|||
<!-- BEGIN HEADER --> |
|||
<div class="header navbar navbar-inverse navbar-fixed-top"> |
|||
<%@include file="/WEB-INF/layouts/header.jsp"%> |
|||
</div> |
|||
<!-- END HEADER --> |
|||
<!-- BEGIN CONTAINER --> |
|||
|
|||
<div class="page-container row-fluid" style="margin-bottom:0"> |
|||
|
|||
<!-- BEGIN SIDEBAR --> |
|||
|
|||
<div class="page-sidebar nav-collapse collapse" style="margin-top:0"> |
|||
<%@include file="/WEB-INF/layouts/menu.jsp"%> |
|||
|
|||
</div> |
|||
|
|||
<!-- BEGIN SIDEBAR MENU --> |
|||
|
|||
|
|||
<!-- END SIDEBAR MENU --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END SIDEBAR --> |
|||
|
|||
<!-- BEGIN PAGE --> |
|||
|
|||
<div class="page-content"> |
|||
|
|||
<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM--> |
|||
|
|||
<div id="portlet-config" class="modal hide"> |
|||
|
|||
<div class="modal-header"> |
|||
|
|||
<button data-dismiss="modal" class="close" type="button"></button> |
|||
|
|||
<h3>portlet Settings</h3> |
|||
|
|||
</div> |
|||
|
|||
<div class="modal-body"> |
|||
|
|||
<p>Here will be a configuration form</p> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM--> |
|||
|
|||
<div class="container-fluid" style="padding:0"> |
|||
<img src="${contextPath}/static/image/Well.jpg" class="page"> |
|||
<!-- BEGIN PAGE HEADER--> |
|||
|
|||
|
|||
<!-- END PAGE HEADER--> |
|||
|
|||
<!-- BEGIN PAGE CONTENT--> |
|||
|
|||
|
|||
<!-- END PAGE CONTENT--> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE CONTAINER--> |
|||
|
|||
</div> |
|||
|
|||
<!-- BEGIN PAGE --> |
|||
|
|||
</div> |
|||
<!-- END CONTAINER --> |
|||
|
|||
<!-- BEGIN FOOTER --> |
|||
|
|||
<%@include file="/WEB-INF/layouts/footer.jsp"%> |
|||
|
|||
<!-- END FOOTER --> |
|||
|
|||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --> |
|||
|
|||
<!-- BEGIN CORE PLUGINS --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-1.10.1.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> |
|||
|
|||
<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap.min.js" type="text/javascript"></script> |
|||
|
|||
<!--[if lt IE 9]> |
|||
|
|||
<script src="${contextPath}/static/js/excanvas.min.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/respond.min.js"></script> |
|||
|
|||
<![endif]--> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.slimscroll.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.blockui.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.cookie.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.uniform.min.js" type="text/javascript" ></script> |
|||
|
|||
<!-- END CORE PLUGINS --> |
|||
<script type="text/javascript" src="${contextPath}/static/js/ckeditor.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-fileupload.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/chosen.jquery.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/select2.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/wysihtml5-0.3.0.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-wysihtml5.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.tagsinput.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.toggle.buttons.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-datepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-datetimepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/clockface.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/date.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/daterangepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-colorpicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-timepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.inputmask.bundle.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.input-ip-address-control-1.0.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.multi-select.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap-modal.js" type="text/javascript" ></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap-modalmanager.js" type="text/javascript" ></script> |
|||
<script type="text/javascript" src="${contextPath}/static/js/select2.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.dataTables.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/DT_bootstrap.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/app.js"></script> |
|||
<script src="${contextPath}/static/js/table-editable.js"></script> |
|||
<script src="${contextPath}/static/js/ui-jqueryui.js"></script> |
|||
<script src="${contextPath}/static/js/form-components.js"></script> |
|||
<script src="${contextPath}/static/js/table-advanced.js"></script> |
|||
|
|||
<script> |
|||
|
|||
jQuery(document).ready(function() { |
|||
|
|||
// initiate layout and plugins |
|||
|
|||
App.init(); |
|||
TableEditable.init(); |
|||
UIJQueryUI.init(); |
|||
FormComponents.init(); |
|||
TableAdvanced.init(); |
|||
}); |
|||
$(".page").css({"width":$(".container-fluid").css("width")}); |
|||
|
|||
|
|||
|
|||
</script> |
|||
|
|||
<!-- END JAVASCRIPTS --> |
|||
|
|||
</body> |
|||
|
|||
<!-- END BODY --> |
|||
|
|||
</html> |
|||
@ -0,0 +1,533 @@ |
|||
<!DOCTYPE html> |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> |
|||
<c:set var="contextPath" value="${pageContext.request.contextPath}" /> |
|||
|
|||
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> |
|||
|
|||
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> |
|||
|
|||
<!--[if !IE]><!--> |
|||
<!--<![endif]--> |
|||
|
|||
<!-- BEGIN HEAD --> |
|||
<html lang="zh_cn"> |
|||
|
|||
<head> |
|||
|
|||
<meta charset="utf-8" /> |
|||
|
|||
<title>系统设置 | 用户管理</title> |
|||
|
|||
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> |
|||
|
|||
<meta content="" name="description" /> |
|||
|
|||
<meta content="" name="author" /> |
|||
|
|||
<!-- BEGIN GLOBAL MANDATORY STYLES --> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap.min.css" rel="stylesheet" |
|||
type="text/css" /> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap-responsive.min.css" |
|||
rel="stylesheet" type="text/css" /> |
|||
|
|||
<link href="${contextPath}/static/css/font-awesome.min.css" |
|||
rel="stylesheet" type="text/css" /> |
|||
|
|||
<link href="${contextPath}/static/css/style-metro.css" rel="stylesheet" |
|||
type="text/css" /> |
|||
|
|||
<link href="${contextPath}/static/css/style.css" rel="stylesheet" |
|||
type="text/css" /> |
|||
|
|||
<link href="${contextPath}/static/css/style-responsive.css" |
|||
rel="stylesheet" type="text/css" /> |
|||
|
|||
<link href="${contextPath}/static/css/default.css" rel="stylesheet" |
|||
type="text/css" id="style_color" /> |
|||
|
|||
<link href="${contextPath}/static/css/uniform.default.css" rel="stylesheet" |
|||
type="text/css" /> |
|||
|
|||
<!-- END GLOBAL MANDATORY STYLES --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="stylesheet" type="text/css" |
|||
href="${contextPath}/static/css/select2_metro.css" /> |
|||
|
|||
<link rel="stylesheet" href="${contextPath}/static/css/DT_bootstrap.css" /> |
|||
|
|||
<!-- END PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="shortcut icon" href="${contextPath}/static/image/favicon.ico" /> |
|||
|
|||
</head> |
|||
|
|||
<!-- END HEAD --> |
|||
|
|||
<!-- BEGIN BODY --> |
|||
|
|||
<body class="page-header-fixed page-footer-fixed"> |
|||
|
|||
<!-- BEGIN HEADER --> |
|||
<div class="header navbar navbar-inverse navbar-fixed-top"> |
|||
<%@include file="/WEB-INF/layouts/header.jsp"%> |
|||
</div> |
|||
<!-- END HEADER --> |
|||
|
|||
<!-- BEGIN CONTAINER --> |
|||
|
|||
<div class="page-container row-fluid"> |
|||
|
|||
<!-- BEGIN SIDEBAR --> |
|||
|
|||
<div class="page-sidebar nav-collapse collapse"> |
|||
|
|||
<jsp:include page="/WEB-INF/layouts/menu.jsp"></jsp:include> |
|||
</div> |
|||
|
|||
<!-- END SIDEBAR --> |
|||
|
|||
<!-- BEGIN PAGE --> |
|||
|
|||
<div class="page-content"> |
|||
|
|||
<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM--> |
|||
|
|||
|
|||
|
|||
<div class="container-fluid"> |
|||
|
|||
<!-- BEGIN PAGE HEADER--> |
|||
|
|||
<div class="row-fluid"> |
|||
|
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN STYLE CUSTOMIZER --> |
|||
|
|||
<div class="color-panel hidden-phone"> |
|||
|
|||
<!-- <div class="color-mode-icons icon-color"></div> --> |
|||
|
|||
<div class="color-mode-icons icon-color-close"></div> |
|||
|
|||
<div class="color-mode"> |
|||
|
|||
|
|||
|
|||
<ul class="inline"> |
|||
|
|||
<li class="color-black current color-default" |
|||
data-style="default"></li> |
|||
|
|||
<li class="color-blue" data-style="blue"></li> |
|||
|
|||
<li class="color-brown" data-style="brown"></li> |
|||
|
|||
<li class="color-purple" data-style="purple"></li> |
|||
|
|||
<li class="color-grey" data-style="grey"></li> |
|||
|
|||
<li class="color-white color-light" data-style="light"></li> |
|||
|
|||
</ul> |
|||
|
|||
<label> <span>Layout</span> <select |
|||
class="layout-option m-wrap small"> |
|||
|
|||
<option value="fluid" selected>Fluid</option> |
|||
|
|||
<option value="boxed">Boxed</option> |
|||
|
|||
</select> |
|||
|
|||
</label> <label> <span>Header</span> <select |
|||
class="header-option m-wrap small"> |
|||
|
|||
<option value="fixed" selected>Fixed</option> |
|||
|
|||
<option value="default">Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> <label> <span>Sidebar</span> <select |
|||
class="sidebar-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> <label> <span>Footer</span> <select |
|||
class="footer-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END BEGIN STYLE CUSTOMIZER --> |
|||
|
|||
<!-- BEGIN PAGE TITLE & BREADCRUMB--> |
|||
|
|||
<h3 class="page-title"> |
|||
|
|||
<img src="${contextPath}/static/image/elogo.png" class="LOGO"><small>用户管理</small> |
|||
|
|||
</h3> |
|||
|
|||
<ul class="breadcrumb"> |
|||
|
|||
<li><i class="icon-home"></i> <a href="#">首页</a> <i |
|||
class="icon-angle-right"></i></li> |
|||
|
|||
<li><a href="#">系统设置</a> <i class="icon-angle-right"></i></li> |
|||
|
|||
<li><a href="#">用户管理</a></li> |
|||
|
|||
</ul> |
|||
|
|||
<!-- END PAGE TITLE & BREADCRUMB--> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE HEADER--> |
|||
|
|||
<!-- BEGIN PAGE CONTENT--> |
|||
|
|||
<div class="row-fluid"> |
|||
|
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN EXAMPLE TABLE PORTLET--> |
|||
|
|||
<div class="portlet box blue"> |
|||
|
|||
<div class="portlet-title"> |
|||
|
|||
<div class="caption"> |
|||
<i class="icon-edit"></i>用户管理 |
|||
</div> |
|||
|
|||
<div class="tools"> |
|||
|
|||
|
|||
<a href="${contextPath}/admin/list" class="reload"></a> |
|||
<a class="icon-plus white" id="a_admin_add" data-toggle="modal" href="#ful-width"></a> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="portlet-body"> |
|||
|
|||
|
|||
<table class="table table-striped table-hover table-bordered" |
|||
id="sample_editable_1"> |
|||
|
|||
<thead> |
|||
|
|||
<tr> |
|||
<th>登录名</th> |
|||
|
|||
<th>姓名</th> |
|||
|
|||
<th>角色</th> |
|||
|
|||
<th>手机号</th> |
|||
|
|||
<th>操作</th> |
|||
|
|||
</tr> |
|||
|
|||
</thead> |
|||
|
|||
<tbody id="tb_admin_list"> |
|||
|
|||
<c:forEach var="admin" items="${admins}"> |
|||
<tr class=""> |
|||
<td adminId="${admin.id }">${admin.loginName }</td> |
|||
<td>${admin.realName }</td> |
|||
<td roleId="${admin.roleId }">${admin.roleName }</td> |
|||
<td>${admin.mobile }</td> |
|||
<td> |
|||
<c:if test="${!admin.isFixed }"> |
|||
<a href="#ful-width" data-toggle="modal" class="edit blue btn Delete_btn btn_admin_edit" >编辑</a> |
|||
<a href="#static" data-toggle="modal" class="btn blue delete Delete_btn btn_admin_delete" >删除</a> |
|||
</c:if> |
|||
</td> |
|||
</tr> |
|||
</c:forEach> |
|||
|
|||
|
|||
</tbody> |
|||
|
|||
</table> |
|||
<div id="static" class="modal hide fade" tabindex="-1" |
|||
data-backdrop="static" data-keyboard="false"> |
|||
|
|||
<div class="modal-body"> |
|||
|
|||
<p>你确定删除此用户么?</p> |
|||
|
|||
</div> |
|||
|
|||
<div class="modal-footer"> |
|||
|
|||
<button type="button" data-dismiss="modal" class="btn" |
|||
id="Delete_S_cancel">取消</button> |
|||
|
|||
<button type="button" data-dismiss="modal" class="btn green" |
|||
id="Delete_S_sure_admin">确定</button> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END EXAMPLE TABLE PORTLET--> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE CONTENT --> |
|||
<div id="ful-width" class="modal container hide fade" tabindex="-1"> |
|||
|
|||
<div class="modal-header"> |
|||
|
|||
<button type="button" class="close" data-dismiss="modal" |
|||
aria-hidden="true"></button> |
|||
|
|||
<h3 class="Header"></h3> |
|||
|
|||
</div> |
|||
|
|||
<div class="modal-body"> |
|||
<div class="modal-body_Num"> |
|||
<span class="user_name"> 登录名: |
|||
<input type="text" name="loginName" required="required" placeholder="登录名" /></span><br> |
|||
<span class="user_name"> 姓 名: |
|||
<input type="text" required="required" name="realName" placeholder="姓名" /></span><br> |
|||
<span> 角色: <select id="slt_admin_role"> |
|||
<c:forEach var="role" items="${roles}"> |
|||
<option value="${role.id }">${role.name }</option> |
|||
</c:forEach> |
|||
</select></span><br> |
|||
<span class="user_phone">手机号: |
|||
<input type="text" name="mobile" required="required" placeholder="手机号" /> |
|||
</span> |
|||
</div> |
|||
</div> |
|||
<div id="admin_err_msg" class="red margin_left"></div> |
|||
<div class="modal-footer"> |
|||
<button type="button" class="btn green" id="btn_admin_save">确定</button> |
|||
<button type="button" data-dismiss="modal" class="btn_admin_cancel">取消</button> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<!-- END PAGE CONTAINER--> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END CONTAINER --> |
|||
|
|||
<!-- BEGIN FOOTER --> |
|||
|
|||
<%@include file="/WEB-INF/layouts/footer.jsp"%> |
|||
|
|||
<!-- END FOOTER --> |
|||
|
|||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --> |
|||
|
|||
<!-- BEGIN CORE PLUGINS --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-1.10.1.min.js" |
|||
type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-migrate-1.2.1.min.js" |
|||
type="text/javascript"></script> |
|||
|
|||
<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-ui-1.10.1.custom.min.js" |
|||
type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap.min.js" |
|||
type="text/javascript"></script> |
|||
|
|||
<!--[if lt IE 9]> |
|||
|
|||
<script src="${contextPath}/static/js/excanvas.min.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/respond.min.js"></script> |
|||
|
|||
<![endif]--> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.slimscroll.min.js" |
|||
type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.blockui.min.js" |
|||
type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.cookie.min.js" |
|||
type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.uniform.min.js" |
|||
type="text/javascript"></script> |
|||
|
|||
<!-- END CORE PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL PLUGINS --> |
|||
|
|||
<script type="text/javascript" |
|||
src="${contextPath}/static/js/select2.min.js"></script> |
|||
|
|||
<script type="text/javascript" |
|||
src="${contextPath}/static/js/jquery.dataTables.js"></script> |
|||
|
|||
<script type="text/javascript" |
|||
src="${contextPath}/static/js/DT_bootstrap.js"></script> |
|||
|
|||
<!-- END PAGE LEVEL PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL SCRIPTS --> |
|||
|
|||
<script src="${contextPath}/static/js/app.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/table-editable.js"></script> |
|||
<script type="text/javascript"> |
|||
jQuery(document).ready(function() { |
|||
|
|||
App.init(); |
|||
|
|||
TableEditable.init(); |
|||
|
|||
//添加按钮的点击事件 |
|||
$("#a_admin_add").click(function() { |
|||
$("input[name=loginName]").val(""); |
|||
$("input[name=realName]").val(""); |
|||
$("input[name=mobile]").val(""); |
|||
$("#btn_admin_save").unbind("click").click(function() { |
|||
saveAdmin("add",""); |
|||
}); |
|||
}); |
|||
|
|||
}); |
|||
//点击编辑按钮 |
|||
$(".btn_admin_edit").click(function(){ |
|||
var $this=$(this); |
|||
var tds= $this.parents("tr").find("td"); |
|||
var loginName=tds.eq(0).html(); |
|||
var adminId=tds.eq(0).attr("adminId"); |
|||
var realName=tds.eq(1).html(); |
|||
var roleId=tds.eq(2).attr("roleId"); |
|||
var mobile=tds.eq(3).html(); |
|||
$("input[name=loginName]").val(loginName); |
|||
$("input[name=realName]").val(realName); |
|||
$("input[name=mobile]").val(mobile); |
|||
$("#slt_admin_role").val(roleId); |
|||
|
|||
$("#btn_admin_save").unbind("click").click(function() { |
|||
saveAdmin("edit",adminId); |
|||
}); |
|||
}); |
|||
|
|||
//保存管理员 |
|||
function saveAdmin(action,id){ |
|||
var isOk=true; |
|||
//判断是否为空 |
|||
$("input[required=required]").each(function(){ |
|||
var value=$(this).val(); |
|||
if(value==""||value==undefined||value==null){ |
|||
$("#admin_err_msg").html($(this).attr("placeholder")+"不可以为空"); |
|||
isOk=false; |
|||
return false; |
|||
} |
|||
}); |
|||
if(!isOk){ |
|||
return; |
|||
} |
|||
var loginName=$("input[name=loginName]").val(); |
|||
var realName=$("input[name=realName]").val(); |
|||
var mobile=$("input[name=mobile]").val(); |
|||
var roleId=$("#slt_admin_role").val(); |
|||
if(!Express.Mobile.test(mobile)){ |
|||
$("#admin_err_msg").html("手机号码格式不正确"); |
|||
return; |
|||
} |
|||
//保存管理员 |
|||
var data={ "loginName" : loginName,"realName" : realName,"roleId" : roleId,"mobile" : mobile}; |
|||
if(action=="edit"){ |
|||
data["id"]=id; |
|||
} |
|||
$.ajax({ |
|||
url : "${contextPath}/admin/"+action, |
|||
data : data, |
|||
type : 'post', |
|||
success : function(result) { |
|||
if (result.code == 0) { |
|||
alert("操作成功"); |
|||
location.reload(); |
|||
} else { |
|||
alert(result.message); |
|||
} |
|||
}, |
|||
error : function() { |
|||
alert("系统异常,请重试"); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
//删除按钮点击事件 |
|||
$(".btn_admin_delete").click(function(){ |
|||
var tr=$(this).parents("tr"); |
|||
var tds=tr.find("td"); |
|||
var adminId=tds.eq(0).attr("adminId"); |
|||
$("#Delete_S_sure_admin").unbind("click").click(function(){ |
|||
$.ajax({ |
|||
type: "post", |
|||
url:"${contextPath}/admin/delete", |
|||
data:{adminId:adminId}, |
|||
dataType: "json", |
|||
success: function(result){ |
|||
if(result.code==0){ |
|||
tr.remove(); |
|||
}else{ |
|||
alert(result.message); |
|||
} |
|||
}, |
|||
error:function(){ |
|||
alert("系统异常,请重试"); |
|||
} |
|||
}); |
|||
}); |
|||
}); |
|||
</script> |
|||
</body> |
|||
|
|||
<!-- END BODY --> |
|||
|
|||
</html> |
|||
@ -0,0 +1,579 @@ |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> |
|||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> |
|||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> |
|||
<c:set var="contextPath" value="${pageContext.request.contextPath}" /> |
|||
<!DOCTYPE html> |
|||
<!-- BEGIN HEAD --> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<title>注册码管理</title> |
|||
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> |
|||
<meta content="" name="description" /> |
|||
<meta content="" name="author" /> |
|||
<!-- BEGIN GLOBAL MANDATORY STYLES --> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-metro.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap-fileupload.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-responsive.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/default.css" rel="stylesheet" type="text/css" id="style_color"/> |
|||
|
|||
<link href="${contextPath}/static/css/uniform.default.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<!-- END GLOBAL MANDATORY STYLES --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/select2_metro.css" /> |
|||
|
|||
<link rel="stylesheet" href="${contextPath}/static/css/DT_bootstrap.css" /> |
|||
|
|||
<!-- END PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="shortcut icon" href="${contextPath}/static/image/favicon.ico" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/bootstrap-fileupload.css" /> |
|||
|
|||
<link rel="stylesheet" href="${contextPath}/static/css/wmpaging/wm-paging_v1.0.css" /> |
|||
</head> |
|||
<body class="page-header-fixed page-footer-fixed"> |
|||
|
|||
<!-- BEGIN HEADER --> |
|||
<div class="header navbar navbar-inverse navbar-fixed-top"> |
|||
<%@include file="/WEB-INF/layouts/header.jsp"%> |
|||
</div> |
|||
<!-- END HEADER --> |
|||
|
|||
<!-- BEGIN CONTAINER --> |
|||
<div class="page-container row-fluid"> |
|||
|
|||
<!-- BEGIN SIDEBAR --> |
|||
|
|||
<div class="page-sidebar nav-collapse collapse"> |
|||
|
|||
<!-- BEGIN SIDEBAR MENU --> |
|||
<%@include file="/WEB-INF/layouts/menu.jsp"%> |
|||
|
|||
<!-- END SIDEBAR MENU --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END SIDEBAR --> |
|||
|
|||
<!-- BEGIN PAGE --> |
|||
|
|||
<div class="page-content"> |
|||
|
|||
<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM--> |
|||
|
|||
|
|||
|
|||
<div class="container-fluid"> |
|||
|
|||
<!-- BEGIN PAGE HEADER--> |
|||
|
|||
<div class="row-fluid"> |
|||
|
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN STYLE CUSTOMIZER --> |
|||
|
|||
<div class="color-panel hidden-phone"> |
|||
|
|||
<!-- <div class="color-mode-icons icon-color"></div> --> |
|||
|
|||
<div class="color-mode-icons icon-color-close"></div> |
|||
|
|||
<div class="color-mode"> |
|||
|
|||
|
|||
|
|||
<ul class="inline"> |
|||
|
|||
<li class="color-black current color-default" data-style="default"></li> |
|||
|
|||
<li class="color-blue" data-style="blue"></li> |
|||
|
|||
<li class="color-brown" data-style="brown"></li> |
|||
|
|||
<li class="color-purple" data-style="purple"></li> |
|||
|
|||
<li class="color-grey" data-style="grey"></li> |
|||
|
|||
<li class="color-white color-light" data-style="light"></li> |
|||
|
|||
</ul> |
|||
|
|||
<label> |
|||
|
|||
<span>Layout</span> |
|||
|
|||
<select class="layout-option m-wrap small"> |
|||
|
|||
<option value="fluid" selected>Fluid</option> |
|||
|
|||
<option value="boxed">Boxed</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Header</span> |
|||
|
|||
<select class="header-option m-wrap small"> |
|||
|
|||
<option value="fixed" selected>Fixed</option> |
|||
|
|||
<option value="default">Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Sidebar</span> |
|||
|
|||
<select class="sidebar-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Footer</span> |
|||
|
|||
<select class="footer-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END BEGIN STYLE CUSTOMIZER --> |
|||
|
|||
<!-- BEGIN PAGE TITLE & BREADCRUMB--> |
|||
|
|||
<h3 class="page-title"> |
|||
|
|||
<img src="${contextPath}/static/image/elogo.png" class="LOGO"><small>注册码管理</small> |
|||
|
|||
</h3> |
|||
|
|||
<ul class="breadcrumb"> |
|||
|
|||
<li> |
|||
|
|||
<i class="icon-home"></i> |
|||
|
|||
<a href="#">首页</a> |
|||
|
|||
<i class="icon-angle-right"></i> |
|||
|
|||
</li> |
|||
|
|||
<li> |
|||
|
|||
<a href="#">注册码管理</a> |
|||
|
|||
<i class="icon-angle-right"></i> |
|||
|
|||
</li> |
|||
|
|||
<li><a href="#">注册码管理</a></li> |
|||
|
|||
</ul> |
|||
|
|||
<!-- END PAGE TITLE & BREADCRUMB--> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE HEADER--> |
|||
|
|||
<!-- BEGIN PAGE CONTENT--> |
|||
|
|||
<div class="row-fluid"> |
|||
|
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN EXAMPLE TABLE PORTLET--> |
|||
|
|||
<div class="portlet box blue"> |
|||
|
|||
<div class="portlet-title"> |
|||
|
|||
<div class="caption"><i class="icon-edit"></i>注册码管理</div> |
|||
<div class="tools"> |
|||
<a href="javascript:window.location.reload();" class="reload"></a> |
|||
<a class="icon-plus white" data-toggle="modal" id="sample_editable_1_goods" href="#ful-width"></a> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<div class="portlet-body"> |
|||
|
|||
<div class="controls_start "> |
|||
<div class="input-append date form_datetime Check_Span"> |
|||
<input id="startDate" name="startDate" class="m-wrap" readonly size="16" type="text" placeholder="开始日期" value=""/> |
|||
<span class="add-on"><i class="icon-calendar"></i></span> |
|||
</div> |
|||
</div> |
|||
<div class="controls_over"> |
|||
<div class="input-append date form_datetime Check_Span"> |
|||
|
|||
<input id="stopDate" name="stopDate" class="m-wrap" readonly size="16" type="text" placeholder="结束日期" value=""/> |
|||
<span class="add-on"><i class="icon-calendar"></i></span> |
|||
</div> |
|||
</div> |
|||
|
|||
<button type="button" class="btn blue" id="export" style="margin-top:0.8rem">导出excel</button> |
|||
<button type="button" class="btn blue" id="btn_item_search" style="margin-top:.8rem">搜索</button> |
|||
<span class="Check_Span"><input type="text" placeholder="生产批次" id="batchNum" value="${batchNum}"/> |
|||
<div id="checkuserphone" class="checkpro ckeck" ></div> |
|||
</span> |
|||
<span> |
|||
<select class="" id="chooseTypt" onchange="changeType(this)"> |
|||
<c:if test="${type!=3 and type!=2}"> |
|||
<option value="1" selected="selected">全部</option> |
|||
<option value="2">已绑定</option> |
|||
<option value="3">未绑定</option> |
|||
</c:if> |
|||
<c:if test="${type==2}"> |
|||
<option value="1">全部</option> |
|||
<option value="2" selected="selected">已绑定</option> |
|||
<option value="3">未绑定</option> |
|||
</c:if> |
|||
<c:if test="${type==3}"> |
|||
<option value="1">全部</option> |
|||
<option value="2">已绑定</option> |
|||
<option value="3" selected="selected">未绑定</option> |
|||
</c:if> |
|||
</select> |
|||
</span> |
|||
|
|||
<table class="table table-striped table-hover table-bordered"> |
|||
<thead> |
|||
<tr> |
|||
<th>注册码</th> |
|||
<th>生产批次</th> |
|||
<th>状态</th> |
|||
<th>生成时间</th> |
|||
<th>操作</th> |
|||
|
|||
</tr> |
|||
|
|||
</thead> |
|||
|
|||
<tbody> |
|||
|
|||
<c:forEach items="${codeList}" var="code" begin="0" varStatus="status"> |
|||
|
|||
<tr class=""> |
|||
|
|||
<td>${code.registerNo }</td> |
|||
<td>${code.batchNum}</td> |
|||
<td> |
|||
<c:if test="${code.isBound}"> |
|||
已绑定 |
|||
</c:if> |
|||
<c:if test="${!code.isBound}"> |
|||
未绑定 |
|||
</c:if> |
|||
</td> |
|||
|
|||
<td><fmt:formatDate value='${code.createdAt }' pattern="yyyy-MM-dd" /> |
|||
<td> |
|||
<a href="#static" data-toggle="modal" class="btn blue delete Delete_btn btn_admin_delete" >删除</a> |
|||
</td> |
|||
</tr> |
|||
</c:forEach> |
|||
</tbody> |
|||
|
|||
</table> |
|||
|
|||
</div> |
|||
<div id="wmeimob-common-paging" style="margin-bottom:5rem"> |
|||
</div> |
|||
|
|||
<!-- END EXAMPLE TABLE PORTLET--> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE CONTENT --> |
|||
|
|||
</div> |
|||
|
|||
<div id="static" class="modal hide fade" tabindex="-1" data-backdrop="static" data-keyboard="false"> |
|||
|
|||
<div class="modal-body"> |
|||
|
|||
<h4>你确定删除此注册码么?</h4> |
|||
|
|||
</div> |
|||
|
|||
<div class="modal-footer"> |
|||
|
|||
<button type="button" data-dismiss="modal" class="btn" id="Delete_S_cancel">取消</button> |
|||
|
|||
<button type="button" data-dismiss="modal" class="btn green" id="Delete_S_sure">确定</button> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<div id="ful-width" class="modal container hide fade" tabindex="-1"> |
|||
|
|||
<div class="modal-header"> |
|||
|
|||
<button type="button" class="close" data-dismiss="modal" |
|||
aria-hidden="true"></button> |
|||
|
|||
<h3 class="Header">新增注册码</h3> |
|||
|
|||
</div> |
|||
|
|||
<div class="modal-body"> |
|||
<div class="modal-body_Num"> |
|||
<span class="user_name"> 生成数量: |
|||
<input type="number" |
|||
name="codeNum" required="required" placeholder="数量"/> |
|||
</span> |
|||
</div> |
|||
</div> |
|||
<div class="modal-footer"> |
|||
<button type="button" class="btn green" id="btn_admin_save">确定</button> |
|||
<button type="button" data-dismiss="modal" class="btn_admin_cancel">取消</button> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END CONTAINER --> |
|||
|
|||
<!-- BEGIN FOOTER --> |
|||
|
|||
<%@include file="/WEB-INF/layouts/footer.jsp"%> |
|||
|
|||
<!-- END FOOTER --> |
|||
|
|||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --> |
|||
|
|||
<!-- BEGIN CORE PLUGINS --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-1.10.1.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> |
|||
|
|||
<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap.min.js" type="text/javascript"></script> |
|||
|
|||
<!--[if lt IE 9]> |
|||
|
|||
<script src="${contextPath}/static/js/excanvas.min.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/respond.min.js"></script> |
|||
|
|||
<![endif]--> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.slimscroll.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.blockui.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.cookie.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.uniform.min.js" type="text/javascript" ></script> |
|||
|
|||
<!-- END CORE PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL PLUGINS --> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/select2.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.dataTables.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/DT_bootstrap.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-datepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-datetimepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/date.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/daterangepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-colorpicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-timepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.inputmask.bundle.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.input-ip-address-control-1.0.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.multi-select.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap-modal.js" type="text/javascript" ></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap-modalmanager.js" type="text/javascript" ></script> |
|||
|
|||
<!-- END PAGE LEVEL PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL SCRIPTS --> |
|||
|
|||
<script src="${contextPath}/static/js/app.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/table-advanced.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/table-editable.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/wmpaging/wm-paging_v1.0.js" type="text/javascript"></script> |
|||
<script> |
|||
|
|||
jQuery(document).ready(function() { |
|||
|
|||
App.init(); |
|||
TableAdvanced.init(); |
|||
TableEditable.init(); |
|||
$(".form_datetime").datepicker({format: 'yyyy-mm-dd'}); |
|||
|
|||
var paging = new WmPaging({el:"wmeimob-common-paging",totalCount:parseInt('${totalCount}'),pageSize:parseInt('${pageSize}'),dataLoad:function(pageIndex, pageSize){ |
|||
$.ajax({ |
|||
url:"${contextPath}/admin/code/list_patch", |
|||
data:{ |
|||
pageIndex:pageIndex, |
|||
pageSize:pageSize, |
|||
batchNum:'${batchNum}', |
|||
startDate:'${startDate}', |
|||
stopDate:'${stopDate}', |
|||
type:'${type}' |
|||
}, |
|||
type:"get", |
|||
dataType:"html", |
|||
success:function(response){ |
|||
$(".table> tbody").html(response); |
|||
} |
|||
}); |
|||
}}); |
|||
paging.init(); |
|||
|
|||
|
|||
//搜索 |
|||
$("#btn_item_search").click(function(){ |
|||
var batchNum=$("#batchNum").val(); |
|||
var startDate=$("#startDate").val(); |
|||
var stopDate=$("#stopDate").val(); |
|||
window.location.href="${contextPath}/admin/code/list?batchNum="+batchNum+"&startDate="+startDate+"&stopDate="+stopDate; |
|||
}); |
|||
|
|||
//导出 |
|||
$("#export").click(function(){ |
|||
var batchNum=$("#batchNum").val(); |
|||
var startDate=$("#startDate").val(); |
|||
var stopDate=$("#stopDate").val(); |
|||
window.location.href="${contextPath}/admin/code/export?batchNum="+batchNum+"&startDate="+startDate+"&stopDate="+stopDate+"&type="+$("#chooseTypt").val(); |
|||
}); |
|||
|
|||
/*新增*/ |
|||
$("#btn_admin_save").live('click', function(e){ |
|||
var codeNum=$("input[name='codeNum']").val(); |
|||
var reg=/^([1-9]\d*|[0]{1,1})$/; |
|||
if(codeNum=='' || !reg.test(codeNum)){ |
|||
alert("数字输入不正确,请重输"); |
|||
}else{ |
|||
$.ajax({ |
|||
url:'${contextPath}/admin/code/add', |
|||
data:{"codeNum" : codeNum}, |
|||
type:"post", |
|||
success:function(result){ |
|||
if (result.code==0) { |
|||
window.location.reload(); |
|||
}else{ |
|||
alert(result.message); |
|||
} |
|||
}, |
|||
error:function(){ |
|||
alert("系统异常,请重试"); |
|||
} |
|||
}); |
|||
} |
|||
}); |
|||
|
|||
}); |
|||
|
|||
//删除 |
|||
$(".btn_admin_delete").click(function(){ |
|||
var that=$(this); |
|||
var no=$(this).parents("tr").find("td").eq(0).html(); |
|||
$("#Delete_S_sure").attr({"onclick":"deleteNo('"+no+"')"}); |
|||
}); |
|||
|
|||
function deleteNo(no){ |
|||
$.ajax({ |
|||
url:'${contextPath}/admin/code/delete', |
|||
data:{"no" : no}, |
|||
type:"post", |
|||
success:function(result){ |
|||
if (result.code==0) { |
|||
window.location.reload(); |
|||
}else{ |
|||
alert(result.message); |
|||
} |
|||
}, |
|||
error:function(){ |
|||
alert("系统异常,请重试"); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function changeType(that){ |
|||
var type=$(that).val(); |
|||
var batchNum=$("#batchNum").val(); |
|||
var startDate=$("#startDate").val(); |
|||
var stopDate=$("#stopDate").val(); |
|||
window.location.href="${contextPath}/admin/code/list?batchNum="+batchNum+"&startDate="+startDate+"&stopDate="+stopDate+"&type="+type; |
|||
} |
|||
</script> |
|||
|
|||
</body> |
|||
|
|||
<!-- END BODY --> |
|||
|
|||
</html> |
|||
@ -0,0 +1,134 @@ |
|||
<!DOCTYPE html> |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%> |
|||
<c:set var="basePath" value="${pageContext.request.contextPath}"/> |
|||
<div class="left"> |
|||
<p>个人信息</p> |
|||
<div class="control-group"> |
|||
<label class="control-label">姓名:</label> |
|||
<label class="control-label label_one textdiv" name="userName">${healthRecordVO.userName}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">性别:</label> |
|||
<div class="controls"> |
|||
<c:if test="${healthRecordVO.sex==1}"> |
|||
男 |
|||
</c:if> |
|||
<c:if test="${healthRecordVO.sex==2}"> |
|||
女 |
|||
</c:if> |
|||
</div> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">出生年月:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${healthRecordVO.birthDate}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label">出现认知障碍时间:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${healthRecordVO.appearTime}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label">首次诊断痴呆时间:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${healthRecordVO.diagnoseTime}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
<p>睿耋评价体系</p> |
|||
<div class="control-group"> |
|||
<label class="control-label">测评时间:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${healthRecordVO.mtestAt}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">记忆力:</label> |
|||
<label class="control-label label_one textdiv" name="memoryNum">${healthRecordVO.memoryNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">语言能力:</label> |
|||
<label class="control-label label_one textdiv" name="expressNum">${healthRecordVO.expressNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">视空间:</label> |
|||
<label class="control-label label_one textdiv" name="viewNum">${healthRecordVO.viewNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">注意力:</label> |
|||
<label class="control-label label_one textdiv" name="attentionNum">${healthRecordVO.attentionNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">定向力:</label> |
|||
<label class="control-label label_one textdiv" name="directionNum">${healthRecordVO.directionNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">计算能力:</label> |
|||
<label class="control-label label_one textdiv" name="countNum">${healthRecordVO.countNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">逻辑能力:</label> |
|||
<label class="control-label label_one textdiv" name="logicNum">${healthRecordVO.logicNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">照料者负担:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.zaritPoint==null?0:healthRecordVO.zaritPoint}</label> |
|||
</div> |
|||
|
|||
</div> |
|||
<div class="right"> |
|||
<p>随访测评</p> |
|||
<div class="control-group"> |
|||
<label class="control-label">测评时间:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${healthRecordVO.ftestAt}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">Mmse:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.mmseScore==null?0:healthRecordVO.mmseScore}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">Moca:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.mocaScore==null?0:healthRecordVO.mocaScore}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">Adl:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.adlScore==null?0:healthRecordVO.adlScore}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">Npi:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.npiScore==null?0:healthRecordVO.npiScore}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">总分:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.totalScore==null?0:healthRecordVO.totalScore}</label> |
|||
</div> |
|||
<p></p> |
|||
<p>药物使用(每日剂量)</p> |
|||
<div class="control-group"> |
|||
<label class="control-label">多奈哌齐:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.firstMedicine==null?0:healthRecordVO.firstMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">卡巴拉汀:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.secondMedicine==null?0:healthRecordVO.secondMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">石杉碱甲:</label> |
|||
<label class="control-label label_one textdiv">${healthRecordVO.thirdMedicine==null?0:healthRecordVO.thirdMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">盐酸美金刚片:</label> |
|||
<label class="control-label label_one textdiv">${healthRecordVO.forthMedicine==null?0:healthRecordVO.forthMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">奥拉西坦:</label> |
|||
<label class="control-label label_one textdiv">${healthRecordVO.fifthMedicine==null?0:healthRecordVO.fifthMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">银杏叶片:</label> |
|||
<label class="control-label label_one textdiv">${healthRecordVO.sixthMedicine==null?0:healthRecordVO.sixthMedicine}</label> |
|||
</div> |
|||
<c:if test="${healthRecordVO.sevName !=null && healthRecordVO.sevName !=''}"> |
|||
<div class="control-group"> |
|||
<label class="control-label">${healthRecordVO.sevName}:</label> |
|||
<label class="control-label label_one">${healthRecordVO.sevMedicine}</label> |
|||
</div> |
|||
</c:if> |
|||
</div> |
|||
@ -0,0 +1,26 @@ |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> |
|||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> |
|||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> |
|||
<c:set var="contextPath" value="${pageContext.request.contextPath}" /> |
|||
|
|||
<c:forEach items="${codeList}" var="code" begin="0" varStatus="status"> |
|||
|
|||
<tr class=""> |
|||
|
|||
<td>${code.registerNo }</td> |
|||
<td>${code.batchNum}</td> |
|||
<td><c:if test="${code.isBound}"> |
|||
已绑定 |
|||
</c:if> |
|||
<c:if test="${!code.isBound}"> |
|||
未绑定 |
|||
</c:if></td> |
|||
|
|||
<td><fmt:formatDate value='${code.createdAt }' |
|||
pattern="yyyy-MM-dd" /> |
|||
<td><a href="#static" data-toggle="modal" |
|||
class="btn blue delete Delete_btn btn_admin_delete">删除</a></td> |
|||
</tr> |
|||
</c:forEach> |
|||
@ -0,0 +1,455 @@ |
|||
<!DOCTYPE html> |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> |
|||
<c:set var="contextPath" value="${pageContext.request.contextPath}" /> |
|||
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> |
|||
|
|||
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> |
|||
|
|||
<!--[if !IE]><!--> <!--<![endif]--> |
|||
|
|||
<!-- BEGIN HEAD --> |
|||
<html lang="en"> |
|||
<head> |
|||
|
|||
<meta charset="utf-8" /> |
|||
|
|||
<title>系统设置 | 角色管理</title> |
|||
|
|||
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> |
|||
|
|||
<meta content="" name="description" /> |
|||
|
|||
<meta content="" name="author" /> |
|||
|
|||
<!-- BEGIN GLOBAL MANDATORY STYLES --> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-metro.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-responsive.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/default.css" rel="stylesheet" type="text/css" id="style_color"/> |
|||
|
|||
|
|||
<!-- END GLOBAL MANDATORY STYLES --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL STYLES --> |
|||
|
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/jquery.gritter.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/chosen.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/select2_metro.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/multi-select-metro.css" /> |
|||
|
|||
<link href="${contextPath}/static/css/dtree.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/jstree/themes/default/style.min.css"/> |
|||
|
|||
<!-- END PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/csslect2_metro.css" /> |
|||
|
|||
<link rel="stylesheet" href="${contextPath}/static/css/DT_bootstrap.css" /> |
|||
|
|||
<link href="${contextPath}/static/css/dtree.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link rel="shortcut icon" href="${contextPath}/static/image/favicon.ico" /> |
|||
|
|||
</head> |
|||
|
|||
<!-- END HEAD --> |
|||
|
|||
<!-- BEGIN BODY --> |
|||
|
|||
<body class="page-header-fixed page-footer-fixed"> |
|||
|
|||
<!-- BEGIN HEADER --> |
|||
<div class="header navbar navbar-inverse navbar-fixed-top"> |
|||
<%@include file="/WEB-INF/layouts/header.jsp"%> |
|||
</div> |
|||
<!-- END HEADER --> |
|||
|
|||
<!-- BEGIN CONTAINER --> |
|||
|
|||
<div class="page-container row-fluid"> |
|||
|
|||
<!-- BEGIN SIDEBAR --> |
|||
|
|||
<div class="page-sidebar nav-collapse collapse"> |
|||
<%@include file="/WEB-INF/layouts/menu.jsp"%> |
|||
|
|||
<!-- BEGIN SIDEBAR MENU --> |
|||
|
|||
|
|||
<!-- END SIDEBAR MENU --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END SIDEBAR --> |
|||
|
|||
<!-- BEGIN PAGE --> |
|||
|
|||
<div class="page-content"> |
|||
|
|||
<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM--> |
|||
|
|||
|
|||
<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM--> |
|||
|
|||
<!-- BEGIN PAGE CONTAINER--> |
|||
|
|||
<div class="container-fluid"> |
|||
|
|||
<!-- BEGIN PAGE HEADER--> |
|||
|
|||
<div class="row-fluid"> |
|||
|
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN STYLE CUSTOMIZER --> |
|||
|
|||
<div class="color-panel hidden-phone"> |
|||
|
|||
<!-- <div class="color-mode-icons icon-color"></div> --> |
|||
|
|||
<div class="color-mode-icons icon-color-close"></div> |
|||
|
|||
<div class="color-mode"> |
|||
|
|||
<p>THEME COLOR</p> |
|||
|
|||
<ul class="inline"> |
|||
|
|||
<li class="color-black current color-default" data-style="default"></li> |
|||
|
|||
<li class="color-blue" data-style="blue"></li> |
|||
|
|||
<li class="color-brown" data-style="brown"></li> |
|||
|
|||
<li class="color-purple" data-style="purple"></li> |
|||
|
|||
<li class="color-grey" data-style="grey"></li> |
|||
|
|||
<li class="color-white color-light" data-style="light"></li> |
|||
|
|||
</ul> |
|||
|
|||
<label> |
|||
|
|||
<span>Layout</span> |
|||
|
|||
<select class="layout-option m-wrap small"> |
|||
|
|||
<option value="fluid" selected>Fluid</option> |
|||
|
|||
<option value="boxed">Boxed</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Header</span> |
|||
|
|||
<select class="header-option m-wrap small"> |
|||
|
|||
<option value="fixed" selected>Fixed</option> |
|||
|
|||
<option value="default">Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Sidebar</span> |
|||
|
|||
<select class="sidebar-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Footer</span> |
|||
|
|||
<select class="footer-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END BEGIN STYLE CUSTOMIZER --> |
|||
<h3 class="page-title"> 角色添加<small></small></h3> |
|||
|
|||
<ul class="breadcrumb"> |
|||
|
|||
<li> |
|||
|
|||
<i class="icon-home"></i> |
|||
|
|||
<a href="index.html">首页</a> |
|||
|
|||
<span class="icon-angle-right"></span> |
|||
|
|||
</li> |
|||
|
|||
<li> |
|||
|
|||
<a href="#">系统设置</a> |
|||
|
|||
<span class="icon-angle-right"></span> |
|||
|
|||
</li> |
|||
|
|||
<li><a href="${contextPath}/role/whole">角色管理</a> |
|||
<span class="icon-angle-right"></span></li> |
|||
|
|||
<li><a href="#">角色添加</a></li> |
|||
|
|||
</ul> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE HEADER--> |
|||
|
|||
<!-- BEGIN PAGE CONTENT--> |
|||
|
|||
<div class="row-fluid"> |
|||
<div> |
|||
|
|||
</div> |
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN SAMPLE FORM PORTLET--> |
|||
|
|||
<div class="portlet box blue"> |
|||
|
|||
<div class="portlet-title"> |
|||
|
|||
<div class="caption"><i class="icon-reorder"></i>角色添加</div> |
|||
|
|||
<div class="tools"> |
|||
<a href="javascript:;" class="reload"></a> |
|||
</div> |
|||
</div> |
|||
<div class="portlet-body form"> |
|||
|
|||
<!-- BEGIN FORM--> |
|||
<form id="role_add_form" class="form-horizontal"> |
|||
<div class="control-group" style="margin-top: 1rem"> |
|||
<label class="control-label">角色:</label> |
|||
<input type="text" required="required" class="m-wrap span2" name="name" style="margin-left: 1.3rem" value="" > |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">描述:</label> |
|||
<textarea id="description" class="m-wrap" style="margin-left: 1.3rem; width: 414px;" rows="4" cols="80"></textarea> |
|||
</div> |
|||
<div class="control-group" style="width: 37rem; margin-top: 1rem;"> |
|||
<label class="control-label">分配权限:</label> |
|||
<div id="role_rights" class="tree-demo" style="margin-left: 9rem;"></div> |
|||
</div> |
|||
<div class="form-actions"> |
|||
<button type="button" class="btn cancel" style="outline:none">取消</button> |
|||
<button type="button" id="btn_role_add" class="btn blue">保存</button> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- END PAGE CONTAINER--> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE --> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- END CONTAINER --> |
|||
|
|||
<!-- BEGIN FOOTER --> |
|||
|
|||
|
|||
<%@include file="/WEB-INF/layouts/footer.jsp"%> |
|||
|
|||
<!-- END FOOTER --> |
|||
|
|||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --> |
|||
|
|||
<!-- BEGIN CORE PLUGINS --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-1.10.1.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap.min.js" type="text/javascript"></script> |
|||
|
|||
<!--[if lt IE 9]> |
|||
|
|||
<script src="${contextPath}/static/js/excanvas.min.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/respond.min.js"></script> |
|||
|
|||
<![endif]--> |
|||
|
|||
<!-- END CORE PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL PLUGINS --> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/ckeditor.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-fileupload.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/chosen.jquery.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/select2.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/wysihtml5-0.3.0.js"></script> |
|||
|
|||
|
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.tagsinput.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.toggle.buttons.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-datepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-datetimepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/clockface.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/date.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/daterangepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-colorpicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-timepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.inputmask.bundle.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.input-ip-address-control-1.0.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.multi-select.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jstree/jstree.min.js"></script> |
|||
<script type="text/javascript" src="${contextPath}/static/js/ui-tree.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap-modal.js" type="text/javascript" ></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap-modalmanager.js" type="text/javascript" ></script> |
|||
<script src="${contextPath}/static/js/dtree.js"></script> |
|||
|
|||
<!-- END PAGE LEVEL PLUGINS --> |
|||
<script type="text/javascript" src="${contextPath}/static/js/select2.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.dataTables.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/DT_bootstrap.js"></script> |
|||
|
|||
<!-- BEGIN PAGE LEVEL SCRIPTS --> |
|||
|
|||
<script src="${contextPath}/static/js/app.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/table-editable.js"></script> |
|||
<script src="${contextPath}/static/js/ui-jqueryui.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/form-components.js"></script> |
|||
|
|||
|
|||
<!-- END PAGE LEVEL SCRIPTS --> |
|||
<script> |
|||
|
|||
jQuery(document).ready(function() { |
|||
|
|||
// initiate layout and plugins |
|||
App.init(); |
|||
FormComponents.init(); |
|||
|
|||
//构建权限树,新增的时候 roleId为空 |
|||
UITree.init(""); |
|||
|
|||
//新增角色,和对应的权限 |
|||
$("#btn_role_add").click(function(){ |
|||
var nodeSelected = $("a.jstree-clicked", $("#role_rights")); |
|||
var menuValue=""; |
|||
nodeSelected.each(function(){ |
|||
var $this = $(this); |
|||
menuValue += (menuValue == "" ? $this.parent().attr("id") : ("#"+$this.parent().attr("id"))); |
|||
}); |
|||
|
|||
var name=$("input[name=name]").val(); |
|||
var description=$("#description").val(); |
|||
if(name==""||name==null||name==undefined){ |
|||
alert("请填写角色名称"); |
|||
return; |
|||
} |
|||
if(menuValue==""||menuValue==null||menuValue==undefined){ |
|||
alert("请分配权限"); |
|||
return; |
|||
} |
|||
|
|||
//提交保存 |
|||
$.ajax({ |
|||
url: "${contextPath}/admin/role/add", |
|||
type: "POST", |
|||
data: {"name":name,"description":description,"menuValue":menuValue}, |
|||
dataType: "json", |
|||
success: function(data){ |
|||
if(data.code==0){ |
|||
alert("创建成功"); |
|||
window.location.href="${contextPath}/admin/role/list"; |
|||
}else{ |
|||
alert(data.message); |
|||
} |
|||
}, |
|||
error:function(){ |
|||
alert("系统异常,请重试"); |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
$(".cancel").click(function(){ |
|||
window.history.go(-1); |
|||
}); |
|||
}); |
|||
</script> |
|||
<!-- END JAVASCRIPTS --> |
|||
|
|||
</body> |
|||
|
|||
<!-- END BODY --> |
|||
|
|||
</html> |
|||
@ -0,0 +1,462 @@ |
|||
<!DOCTYPE html> |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> |
|||
<c:set var="contextPath" value="${pageContext.request.contextPath}" /> |
|||
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> |
|||
|
|||
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> |
|||
|
|||
<!--[if !IE]><!--> <!--<![endif]--> |
|||
|
|||
<!-- BEGIN HEAD --> |
|||
<html lang="en"> |
|||
<head> |
|||
|
|||
<meta charset="utf-8" /> |
|||
|
|||
<title>系统设置 | 角色管理</title> |
|||
|
|||
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> |
|||
|
|||
<meta content="" name="description" /> |
|||
|
|||
<meta content="" name="author" /> |
|||
|
|||
<!-- BEGIN GLOBAL MANDATORY STYLES --> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-metro.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-responsive.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/default.css" rel="stylesheet" type="text/css" id="style_color"/> |
|||
|
|||
|
|||
<!-- END GLOBAL MANDATORY STYLES --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL STYLES --> |
|||
|
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/jquery.gritter.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/chosen.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/select2_metro.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/multi-select-metro.css" /> |
|||
|
|||
<link href="${contextPath}/static/css/dtree.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/jstree/themes/default/style.min.css"/> |
|||
|
|||
<!-- END PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/csslect2_metro.css" /> |
|||
|
|||
<link rel="stylesheet" href="${contextPath}/static/css/DT_bootstrap.css" /> |
|||
|
|||
<link href="${contextPath}/static/css/dtree.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link rel="shortcut icon" href="${contextPath}/static/image/favicon.ico" /> |
|||
|
|||
</head> |
|||
|
|||
<!-- END HEAD --> |
|||
|
|||
<!-- BEGIN BODY --> |
|||
|
|||
<body class="page-header-fixed page-footer-fixed"> |
|||
|
|||
<!-- BEGIN HEADER --> |
|||
<div class="header navbar navbar-inverse navbar-fixed-top"> |
|||
<%@include file="/WEB-INF/layouts/header.jsp"%> |
|||
</div> |
|||
<!-- END HEADER --> |
|||
|
|||
<!-- BEGIN CONTAINER --> |
|||
|
|||
<div class="page-container row-fluid"> |
|||
|
|||
<!-- BEGIN SIDEBAR --> |
|||
|
|||
<div class="page-sidebar nav-collapse collapse"> |
|||
<%@include file="/WEB-INF/layouts/menu.jsp"%> |
|||
|
|||
<!-- BEGIN SIDEBAR MENU --> |
|||
|
|||
|
|||
<!-- END SIDEBAR MENU --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END SIDEBAR --> |
|||
|
|||
<!-- BEGIN PAGE --> |
|||
|
|||
<div class="page-content"> |
|||
|
|||
<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM--> |
|||
|
|||
|
|||
<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM--> |
|||
|
|||
<!-- BEGIN PAGE CONTAINER--> |
|||
|
|||
<div class="container-fluid"> |
|||
|
|||
<!-- BEGIN PAGE HEADER--> |
|||
|
|||
<div class="row-fluid"> |
|||
|
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN STYLE CUSTOMIZER --> |
|||
|
|||
<div class="color-panel hidden-phone"> |
|||
|
|||
<!-- <div class="color-mode-icons icon-color"></div> --> |
|||
|
|||
<div class="color-mode-icons icon-color-close"></div> |
|||
|
|||
<div class="color-mode"> |
|||
|
|||
<p>THEME COLOR</p> |
|||
|
|||
<ul class="inline"> |
|||
|
|||
<li class="color-black current color-default" data-style="default"></li> |
|||
|
|||
<li class="color-blue" data-style="blue"></li> |
|||
|
|||
<li class="color-brown" data-style="brown"></li> |
|||
|
|||
<li class="color-purple" data-style="purple"></li> |
|||
|
|||
<li class="color-grey" data-style="grey"></li> |
|||
|
|||
<li class="color-white color-light" data-style="light"></li> |
|||
|
|||
</ul> |
|||
|
|||
<label> |
|||
|
|||
<span>Layout</span> |
|||
|
|||
<select class="layout-option m-wrap small"> |
|||
|
|||
<option value="fluid" selected>Fluid</option> |
|||
|
|||
<option value="boxed">Boxed</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Header</span> |
|||
|
|||
<select class="header-option m-wrap small"> |
|||
|
|||
<option value="fixed" selected>Fixed</option> |
|||
|
|||
<option value="default">Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Sidebar</span> |
|||
|
|||
<select class="sidebar-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Footer</span> |
|||
|
|||
<select class="footer-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END BEGIN STYLE CUSTOMIZER --> |
|||
<h3 class="page-title">角色编辑<small></small></h3> |
|||
<ul class="breadcrumb"> |
|||
|
|||
<li> |
|||
|
|||
<i class="icon-home"></i> |
|||
|
|||
<a href="index.html">首页</a> |
|||
|
|||
<span class="icon-angle-right"></span> |
|||
|
|||
</li> |
|||
|
|||
<li> |
|||
|
|||
<a href="#">系统设置</a> |
|||
|
|||
<span class="icon-angle-right"></span> |
|||
|
|||
</li> |
|||
|
|||
<li> |
|||
<a href="${contextPath}/role/whole">角色管理</a> |
|||
<span class="icon-angle-right"></span> |
|||
</li> |
|||
|
|||
<li> |
|||
<a href="#">角色编辑</a> |
|||
</li> |
|||
|
|||
</ul> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE HEADER--> |
|||
|
|||
<!-- BEGIN PAGE CONTENT--> |
|||
|
|||
<div class="row-fluid"> |
|||
<div> |
|||
|
|||
</div> |
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN SAMPLE FORM PORTLET--> |
|||
|
|||
<div class="portlet box blue"> |
|||
|
|||
<div class="portlet-title"> |
|||
<div class="caption"><i class="icon-reorder"></i>角色编辑</div> |
|||
</div> |
|||
<div class="portlet-body form"> |
|||
|
|||
<!-- BEGIN FORM--> |
|||
<form action="" class="form-horizontal"> |
|||
<input type="hidden" name="id" value="${role.id }"> |
|||
<div class="control-group" style="margin-top: 1rem"> |
|||
<label class="control-label">角色:</label> |
|||
<input type="text" class="m-wrap span2" name="name" style="margin-left: 1.3rem" value="${role.name}" > |
|||
<div style="width: 37rem;margin-left: 11.5rem;" id="role_verify" ></div> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">描述:</label> |
|||
<textarea id="description" class="m-wrap" style="margin-left: 1.3rem; width: 414px;" rows="4" cols="80">${role.description}</textarea> |
|||
</div> |
|||
<div class="control-group" style="width: 37rem; margin-top: 1rem;"> |
|||
<label class="control-label">分配权限:</label> |
|||
<div id="role_rights" class="tree-demo" style="margin-left: 9rem;"></div> |
|||
</div> |
|||
<div class="form-actions"> |
|||
<button type="button" class="btn cancel" style="outline:none" >取消</button> |
|||
<button type="button" id="btn_role_edit" class="btn blue">保存</button> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- END PAGE CONTAINER--> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE --> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- END CONTAINER --> |
|||
|
|||
<!-- BEGIN FOOTER --> |
|||
|
|||
|
|||
<%@include file="/WEB-INF/layouts/footer.jsp"%> |
|||
|
|||
<!-- END FOOTER --> |
|||
|
|||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --> |
|||
|
|||
<!-- BEGIN CORE PLUGINS --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-1.10.1.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap.min.js" type="text/javascript"></script> |
|||
|
|||
<!--[if lt IE 9]> |
|||
|
|||
<script src="${contextPath}/static/js/excanvas.min.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/respond.min.js"></script> |
|||
|
|||
<![endif]--> |
|||
|
|||
<!-- END CORE PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL PLUGINS --> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/ckeditor.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-fileupload.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/chosen.jquery.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/select2.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/wysihtml5-0.3.0.js"></script> |
|||
|
|||
|
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.tagsinput.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.toggle.buttons.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-datepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-datetimepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/clockface.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/date.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/daterangepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-colorpicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/bootstrap-timepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.inputmask.bundle.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.input-ip-address-control-1.0.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.multi-select.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jstree/jstree.min.js"></script> |
|||
<script type="text/javascript" src="${contextPath}/static/js/ui-tree.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap-modal.js" type="text/javascript" ></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap-modalmanager.js" type="text/javascript" ></script> |
|||
<script src="${contextPath}/static/js/dtree.js"></script> |
|||
|
|||
<!-- END PAGE LEVEL PLUGINS --> |
|||
<script type="text/javascript" src="${contextPath}/static/js/select2.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.dataTables.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/DT_bootstrap.js"></script> |
|||
|
|||
<!-- BEGIN PAGE LEVEL SCRIPTS --> |
|||
|
|||
<script src="${contextPath}/static/js/app.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/table-editable.js"></script> |
|||
<script src="${contextPath}/static/js/ui-jqueryui.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/form-components.js"></script> |
|||
|
|||
|
|||
<!-- END PAGE LEVEL SCRIPTS --> |
|||
<script> |
|||
|
|||
jQuery(document).ready(function() { |
|||
|
|||
// initiate layout and plugins |
|||
|
|||
App.init(); |
|||
|
|||
FormComponents.init(); |
|||
|
|||
//初始化权限树 |
|||
var roleId=$("input[name=id]").val(); |
|||
UITree.init(roleId); |
|||
|
|||
//保存按钮点击事件 |
|||
$("#btn_role_edit").click(function(){ |
|||
var nodeSelected = $("a.jstree-clicked", $("#role_rights")); |
|||
var name=$("input[name=name]").val(); |
|||
var description=$("#description").val(); |
|||
var menuValue=""; |
|||
nodeSelected.each(function(){ |
|||
var $this = $(this); |
|||
menuValue += (menuValue == "" ? $this.parent().attr("id") : ("#"+$this.parent().attr("id"))); |
|||
}); |
|||
if(roleId==""||roleId==null||roleId==undefined){ |
|||
alert("角色不存在"); |
|||
return; |
|||
} |
|||
if(name==""||name==null||name==undefined){ |
|||
alert("请填写角色名称"); |
|||
return; |
|||
} |
|||
if(menuValue==""||menuValue==null||menuValue==undefined){ |
|||
alert("请分配权限"); |
|||
return; |
|||
} |
|||
$.ajax({ |
|||
type: "POST", |
|||
url: "${contextPath}/admin/role/edit", |
|||
data: {"roleId":roleId,"name":name,"description":description,"menuValue":menuValue}, |
|||
dataType: "json", |
|||
success: function(result){ |
|||
if(result.code==0){ |
|||
alert("修改成功"); |
|||
window.location.href="${contextPath}/admin/role/list"; |
|||
}else{ |
|||
alert(result.message); |
|||
} |
|||
}, |
|||
error:function(){ |
|||
alert("系统异常,请重试"); |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
$(".cancel").click(function(){ |
|||
window.history.go(-1); |
|||
}); |
|||
}); |
|||
|
|||
|
|||
</script> |
|||
|
|||
<!-- END JAVASCRIPTS --> |
|||
|
|||
</body> |
|||
|
|||
<!-- END BODY --> |
|||
|
|||
</html> |
|||
@ -0,0 +1,404 @@ |
|||
<!DOCTYPE html> |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> |
|||
<c:set var="contextPath" value="${pageContext.request.contextPath}" /> |
|||
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> |
|||
|
|||
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> |
|||
|
|||
<!--[if !IE]><!--> <!--<![endif]--> |
|||
|
|||
<!-- BEGIN HEAD --> |
|||
<html lang="en"> |
|||
<head> |
|||
|
|||
<meta charset="utf-8" /> |
|||
|
|||
<title>系统设置 | 角色管理</title> |
|||
|
|||
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> |
|||
|
|||
<meta content="" name="description" /> |
|||
|
|||
<meta content="" name="author" /> |
|||
|
|||
<!-- BEGIN GLOBAL MANDATORY STYLES --> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-metro.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-responsive.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/default.css" rel="stylesheet" type="text/css" id="style_color"/> |
|||
|
|||
<link href="${contextPath}/static/css/uniform.default.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<!-- END GLOBAL MANDATORY STYLES --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/select2_metro.css" /> |
|||
|
|||
<link rel="stylesheet" href="${contextPath}/static/css/DT_bootstrap.css" /> |
|||
|
|||
<!-- END PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="shortcut icon" href="${contextPath}/static/image/favicon.ico" /> |
|||
|
|||
</head> |
|||
|
|||
<!-- END HEAD --> |
|||
|
|||
<!-- BEGIN BODY --> |
|||
|
|||
<body class="page-header-fixed page-footer-fixed"> |
|||
|
|||
<!-- BEGIN HEADER --> |
|||
<div class="header navbar navbar-inverse navbar-fixed-top"> |
|||
<%@include file="/WEB-INF/layouts/header.jsp"%> |
|||
</div> |
|||
<!-- END HEADER --> |
|||
|
|||
<!-- BEGIN CONTAINER --> |
|||
|
|||
<div class="page-container row-fluid"> |
|||
|
|||
<!-- BEGIN SIDEBAR --> |
|||
|
|||
<div class="page-sidebar nav-collapse collapse"> |
|||
<%@include file="/WEB-INF/layouts/menu.jsp"%> |
|||
|
|||
<!-- BEGIN SIDEBAR MENU --> |
|||
|
|||
<!-- END SIDEBAR MENU --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END SIDEBAR --> |
|||
|
|||
<!-- BEGIN PAGE --> |
|||
|
|||
<div class="page-content"> |
|||
|
|||
<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM--> |
|||
|
|||
|
|||
|
|||
<div class="container-fluid"> |
|||
|
|||
<!-- BEGIN PAGE HEADER--> |
|||
|
|||
<div class="row-fluid"> |
|||
|
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN STYLE CUSTOMIZER --> |
|||
|
|||
<div class="color-panel hidden-phone"> |
|||
|
|||
<!-- <div class="color-mode-icons icon-color"></div> --> |
|||
|
|||
<div class="color-mode-icons icon-color-close"></div> |
|||
|
|||
<div class="color-mode"> |
|||
|
|||
|
|||
|
|||
<ul class="inline"> |
|||
|
|||
<li class="color-black current color-default" data-style="default"></li> |
|||
|
|||
<li class="color-blue" data-style="blue"></li> |
|||
|
|||
<li class="color-brown" data-style="brown"></li> |
|||
|
|||
<li class="color-purple" data-style="purple"></li> |
|||
|
|||
<li class="color-grey" data-style="grey"></li> |
|||
|
|||
<li class="color-white color-light" data-style="light"></li> |
|||
|
|||
</ul> |
|||
|
|||
<label> |
|||
|
|||
<span>Layout</span> |
|||
|
|||
<select class="layout-option m-wrap small"> |
|||
|
|||
<option value="fluid" selected>Fluid</option> |
|||
|
|||
<option value="boxed">Boxed</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Header</span> |
|||
|
|||
<select class="header-option m-wrap small"> |
|||
|
|||
<option value="fixed" selected>Fixed</option> |
|||
|
|||
<option value="default">Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Sidebar</span> |
|||
|
|||
<select class="sidebar-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Footer</span> |
|||
|
|||
<select class="footer-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END BEGIN STYLE CUSTOMIZER --> |
|||
|
|||
<!-- BEGIN PAGE TITLE & BREADCRUMB--> |
|||
|
|||
<h3 class="page-title"> |
|||
|
|||
<img src="${contextPath}/static/image/elogo.png" class="LOGO"><small>角色管理</small> |
|||
|
|||
</h3> |
|||
|
|||
<ul class="breadcrumb"> |
|||
|
|||
<li> |
|||
|
|||
<i class="icon-home"></i> |
|||
|
|||
<a href="index.html">首页</a> |
|||
|
|||
<i class="icon-angle-right"></i> |
|||
|
|||
</li> |
|||
|
|||
<li> |
|||
|
|||
<a href="#">系统设置</a> |
|||
|
|||
<i class="icon-angle-right"></i> |
|||
|
|||
</li> |
|||
|
|||
<li><a href="${contextPath}/role/whole">角色管理</a></li> |
|||
|
|||
</ul> |
|||
|
|||
<!-- END PAGE TITLE & BREADCRUMB--> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE HEADER--> |
|||
|
|||
<!-- BEGIN PAGE CONTENT--> |
|||
|
|||
<div class="row-fluid"> |
|||
|
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN EXAMPLE TABLE PORTLET--> |
|||
<div class="portlet box blue"> |
|||
<div class="portlet-title"> |
|||
<div class="caption"><i class="icon-edit"></i>角色管理</div> |
|||
<div class="tools"> |
|||
<a href="javascript:window.location.reload();" class="reload"></a> |
|||
<a href="${contextPath}/admin/role/add" data-toggle="modal" class="icon-plus white" id="sample_editable_1_User" ></a> |
|||
</div> |
|||
</div> |
|||
<div class="portlet-body"> |
|||
<table class="table table-striped table-hover table-bordered" id="sample_editable_1"> |
|||
<thead> |
|||
<tr> |
|||
<th>角色</th> |
|||
<th>描述</th> |
|||
<th>操作</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
<c:forEach items="${roles}" var="role"> |
|||
<tr class=""> |
|||
<td roleId="${role.id }">${role.name}</td> |
|||
<td>${role.description}</td> |
|||
<td> |
|||
<c:if test="${!role.isFixed}"> |
|||
<a href="#" data-toggle="modal" class="edit blue btn Delete_btn btn_role_edit">编辑</a> |
|||
<a class="btn blue delete Delete_btn btn_role_delete" data-toggle="modal" href="#static">删除</a> |
|||
</c:if> |
|||
</td> |
|||
</tr> |
|||
</c:forEach> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
<div id="static" class="modal hide fade" tabindex="-1" data-backdrop="static" data-keyboard="false"> |
|||
<div class="modal-body"> |
|||
<p>你确定删除此角色么?</p> |
|||
</div> |
|||
<div class="modal-footer"> |
|||
<button type="button" data-dismiss="modal" class="btn" id="Delete_S_cancel">取消</button> |
|||
<button type="button" data-dismiss="modal" class="btn green" id="Delete_S_sure" >确定</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- END PAGE CONTENT --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE CONTAINER--> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END CONTAINER --> |
|||
|
|||
<!-- BEGIN FOOTER --> |
|||
|
|||
<%@include file="/WEB-INF/layouts/footer.jsp"%> |
|||
|
|||
<!-- END FOOTER --> |
|||
|
|||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --> |
|||
|
|||
<!-- BEGIN CORE PLUGINS --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-1.10.1.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> |
|||
|
|||
<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap.min.js" type="text/javascript"></script> |
|||
|
|||
<!--[if lt IE 9]> |
|||
|
|||
<script src="media/js/excanvas.min.js"></script> |
|||
|
|||
<script src="media/js/respond.min.js"></script> |
|||
|
|||
<![endif]--> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.slimscroll.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.blockui.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.cookie.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.uniform.min.js" type="text/javascript" ></script> |
|||
|
|||
<!-- END CORE PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL PLUGINS --> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/select2.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.dataTables.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/DT_bootstrap.js"></script> |
|||
|
|||
<!-- END PAGE LEVEL PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL SCRIPTS --> |
|||
|
|||
<script src="${contextPath}/static/js/app.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/table-editable.js"></script> |
|||
<script> |
|||
|
|||
jQuery(document).ready(function() { |
|||
|
|||
App.init(); |
|||
|
|||
TableEditable.init(); |
|||
|
|||
//删除按钮点击事件 |
|||
$(".btn_role_delete").click(function(){ |
|||
var tr=$(this).parents("tr"); |
|||
var tds=tr.find("td"); |
|||
var roleId=tds.eq(0).attr("roleId"); |
|||
$("#Delete_S_sure").unbind("click").click(function(){ |
|||
$.ajax({ |
|||
type: "post", |
|||
url:"${contextPath}/admin/role/delete", |
|||
data:{roleId:roleId}, |
|||
dataType: "json", |
|||
success: function(result){ |
|||
if(result.code==0){ |
|||
tr.remove(); |
|||
}else{ |
|||
alert(result.message); |
|||
} |
|||
}, |
|||
error:function(){ |
|||
alert("系统异常,请重试"); |
|||
} |
|||
}); |
|||
}); |
|||
}); |
|||
|
|||
//编辑按钮点击事件 |
|||
$(".btn_role_edit").click(function(){ |
|||
var tds=$(this).parents("tr").find("td"); |
|||
var roleId=tds.eq(0).attr("roleId"); |
|||
window.location.href="${contextPath}/admin/role/edit?roleId="+roleId; |
|||
}); |
|||
|
|||
|
|||
}); |
|||
|
|||
</script> |
|||
|
|||
</body> |
|||
|
|||
<!-- END BODY --> |
|||
|
|||
</html> |
|||
@ -0,0 +1,425 @@ |
|||
<!DOCTYPE html> |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%> |
|||
<c:set var="contextPath" value="${pageContext.request.contextPath}" /> |
|||
|
|||
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> |
|||
|
|||
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> |
|||
|
|||
<!--[if !IE]><!--> |
|||
<!--<![endif]--> |
|||
|
|||
<!-- BEGIN HEAD --> |
|||
|
|||
<html lang="zh_cn"> |
|||
<head> |
|||
|
|||
<meta charset="utf-8" /> |
|||
|
|||
<title>会员管理 | 会员注册统计</title> |
|||
|
|||
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> |
|||
|
|||
<meta content="" name="description" /> |
|||
|
|||
<meta content="" name="author" /> |
|||
|
|||
|
|||
<link href="${contextPath}/static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-metro.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-responsive.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/default.css" rel="stylesheet" type="text/css" id="style_color"/> |
|||
|
|||
<link href="${contextPath}/static/css/uniform.default.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<!-- END GLOBAL MANDATORY STYLES --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/select2_metro.css" /> |
|||
|
|||
<link rel="stylesheet" href="${contextPath}/static/css/DT_bootstrap.css" /> |
|||
|
|||
<!-- END PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="shortcut icon" href="${contextPath}/static/image/favicon.ico" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/bootstrap-fileupload.css" /> |
|||
|
|||
<link rel="stylesheet" href="${contextPath}/static/css/wmpaging/wm-paging_v1.0.css" /> |
|||
|
|||
|
|||
<link href="${contextPath}/static/css/datepicker.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
</head> |
|||
|
|||
<!-- END HEAD --> |
|||
|
|||
<!-- BEGIN BODY --> |
|||
|
|||
<body class="page-header-fixed page-footer-fixed"> |
|||
|
|||
<!-- BEGIN HEADER --> |
|||
<div class="header navbar navbar-inverse navbar-fixed-top"> |
|||
<%@include file="/WEB-INF/layouts/header.jsp"%> |
|||
</div> |
|||
<!-- END HEADER --> |
|||
|
|||
<!-- BEGIN CONTAINER --> |
|||
|
|||
<div class="page-container row-fluid"> |
|||
|
|||
<!-- BEGIN SIDEBAR --> |
|||
|
|||
<div class="page-sidebar nav-collapse collapse"> |
|||
|
|||
<%@include file="/WEB-INF/layouts/menu.jsp"%> |
|||
|
|||
</div> |
|||
|
|||
<!-- END SIDEBAR --> |
|||
|
|||
<!-- BEGIN PAGE --> |
|||
|
|||
<div class="page-content"> |
|||
|
|||
<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM--> |
|||
|
|||
|
|||
|
|||
<div class="container-fluid"> |
|||
|
|||
<!-- BEGIN PAGE HEADER--> |
|||
|
|||
<div class="row-fluid"> |
|||
|
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN STYLE CUSTOMIZER --> |
|||
|
|||
<div class="color-panel hidden-phone"> |
|||
|
|||
<!-- <div class="color-mode-icons icon-color"></div> --> |
|||
|
|||
<div class="color-mode-icons icon-color-close"></div> |
|||
|
|||
<div class="color-mode"> |
|||
|
|||
|
|||
|
|||
<ul class="inline"> |
|||
|
|||
<li class="color-black current color-default" |
|||
data-style="default"></li> |
|||
|
|||
<li class="color-blue" data-style="blue"></li> |
|||
|
|||
<li class="color-brown" data-style="brown"></li> |
|||
|
|||
<li class="color-purple" data-style="purple"></li> |
|||
|
|||
<li class="color-grey" data-style="grey"></li> |
|||
|
|||
<li class="color-white color-light" data-style="light"></li> |
|||
|
|||
</ul> |
|||
|
|||
<label> <span>Layout</span> <select |
|||
class="layout-option m-wrap small"> |
|||
|
|||
<option value="fluid" selected>Fluid</option> |
|||
|
|||
<option value="boxed">Boxed</option> |
|||
|
|||
</select> |
|||
|
|||
</label> <label> <span>Header</span> <select |
|||
class="header-option m-wrap small"> |
|||
|
|||
<option value="fixed" selected>Fixed</option> |
|||
|
|||
<option value="default">Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> <label> <span>Sidebar</span> <select |
|||
class="sidebar-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
|
|||
</label> <label> <span>Footer</span> <select |
|||
class="footer-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END BEGIN STYLE CUSTOMIZER --> |
|||
|
|||
<!-- BEGIN PAGE TITLE & BREADCRUMB--> |
|||
|
|||
<h3 class="page-title"> |
|||
|
|||
<img src="${contextPath}/static/image/elogo.png" class="LOGO"><small>会员注册统计</small> |
|||
|
|||
</h3> |
|||
|
|||
<ul class="breadcrumb"> |
|||
|
|||
<li><i class="icon-home"></i> <a href="#">首页</a> <i |
|||
class="icon-angle-right"></i></li> |
|||
|
|||
<li><a href="#">会员管理</a> <i class="icon-angle-right"></i></li> |
|||
|
|||
<li><a href="#">会员注册统计</a></li> |
|||
|
|||
</ul> |
|||
|
|||
<!-- END PAGE TITLE & BREADCRUMB--> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE HEADER--> |
|||
|
|||
<!-- BEGIN PAGE CONTENT--> |
|||
|
|||
<div class="row-fluid"> |
|||
|
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN EXAMPLE TABLE PORTLET--> |
|||
|
|||
<div class="portlet box blue"> |
|||
|
|||
<div class="portlet-title"> |
|||
|
|||
<div class="caption"><i class="icon-edit"></i>会员注册统计</div> |
|||
|
|||
<div class="tools"> |
|||
|
|||
<a href="javascript:window.location.reload();" class="reload"></a> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<div class="portlet-body"> |
|||
|
|||
<div class="controls_over"> |
|||
<div class="input-append date Check_Span form_datetime" data-date="2017-02-22" data-date-format="yyyy-mm-dd" data-date-viewmode="years"> |
|||
<input class="m-wrap " readonly size="16" type="text" id="startTime" value="" placeholder="开始日期" /> |
|||
<span class="add-on"><i class="icon-calendar"></i></span> |
|||
<div class="add-on checkpro Date" id="checkstartTime"></div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="controls_start"> |
|||
<div class="input-append date Check_Span form_datetime" data-date="2017-02-22" data-date-format="yyyy-mm-dd" data-date-viewmode="years"> |
|||
<input class="m-wrap m-ctrl-medium " placeholder="结束日期" id="endTime" readonly size="16" type="text" value="" /><span class="add-on"><i class="icon-calendar"></i></span> |
|||
</div> |
|||
</div> |
|||
<button type="button" class="btn blue find_store_con1" id="find_store_con1" style='float:left;margin-left:20px;margin-top:18px'>搜索</button> |
|||
|
|||
<table class="table table-striped table-hover table-bordered" style="margin-top:1.5rem"> |
|||
<thead> |
|||
|
|||
<tr> |
|||
|
|||
<th>注册时间</th> |
|||
|
|||
<th>注册人数</th> |
|||
|
|||
</tr> |
|||
|
|||
</thead> |
|||
|
|||
<tbody> |
|||
<c:forEach items="${countList}" var="count"> |
|||
<tr class=""> |
|||
<td><fmt:formatDate value="${count.countTime}" pattern="yyyy-MM-dd HH:mm:ss" /></td> |
|||
<td>${count.count}</td> |
|||
</tr> |
|||
</c:forEach> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
<div id="wmeimob-common-paging" style="margin-bottom:5rem"></div> |
|||
|
|||
<!-- END EXAMPLE TABLE PORTLET--> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
|
|||
<!-- END PAGE CONTENT --> |
|||
</div> |
|||
|
|||
<!-- END PAGE CONTAINER--> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END CONTAINER --> |
|||
|
|||
<!-- BEGIN FOOTER --> |
|||
<%@include file="/WEB-INF/layouts/footer.jsp"%> |
|||
|
|||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --> |
|||
|
|||
<!-- BEGIN CORE PLUGINS --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-1.10.1.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap.min.js" type="text/javascript"></script> |
|||
|
|||
<!--[if lt IE 9]> |
|||
|
|||
<script src="${contextPath}/static/js/excanvas.min.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/respond.min.js"></script> |
|||
|
|||
<![endif]--> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/ckeditor.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/bootstrap-fileupload.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/chosen.jquery.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/select2.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/wysihtml5-0.3.0.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/bootstrap-wysihtml5.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/jquery.tagsinput.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/jquery.toggle.buttons.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/bootstrap-datepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/bootstrap-datetimepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/clockface.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/date.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/daterangepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/bootstrap-colorpicker.js"></script> |
|||
|
|||
|
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/jquery.inputmask.bundle.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/jquery.input-ip-address-control-1.0.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/jquery.multi-select.js"></script> |
|||
|
|||
<script src="${basePath}/static/js/bootstrap-modal.js" type="text/javascript" ></script> |
|||
|
|||
<script src="${basePath}/static/js/bootstrap-modalmanager.js" type="text/javascript" ></script> |
|||
|
|||
<!-- END PAGE LEVEL PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL SCRIPTS --> |
|||
<script src="${basePath}/static/js/ui-jqueryui.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/app.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/table-editable.js"></script> |
|||
<script src="${contextPath}/static/js/wmpaging/wm-paging_v1.0.js" type="text/javascript"></script> |
|||
<script> |
|||
jQuery(document).ready(function() { |
|||
$(".form_datetime").datepicker({format: 'yyyy-mm-dd'}); |
|||
App.init(); |
|||
TableEditable.init(); |
|||
|
|||
// var paging = new WmPaging({el:"wmeimob-common-paging",totalCount:parseInt('${totalCount}'),pageSize:parseInt('${pageSize}'),dataLoad:function(pageIndex, pageSize){ |
|||
// $.ajax({ |
|||
// url:"${contextPath}/admin/companyType/list_patch", |
|||
// data:{ |
|||
// pageIndex:pageIndex, |
|||
// pageSize:pageSize, |
|||
// startTime:'${startTime}', |
|||
// endTime:'${endTime}' |
|||
// }, |
|||
// type:"get", |
|||
// dataType:"html", |
|||
// success:function(response){ |
|||
// $(".table> tbody").html(response); |
|||
// } |
|||
// }); |
|||
// }}); |
|||
// paging.init(); |
|||
|
|||
}); |
|||
|
|||
//搜索按钮点击事件 |
|||
$("#find_store_con1").click(function () { |
|||
if($("#startTime").val()!=""&&$("#endTime").val()!=""){ |
|||
var arr = $("#startTime").val().split("-"); |
|||
var starttime = new Date(arr[0], arr[1], arr[2]); |
|||
var starttimes = starttime.getTime(); |
|||
|
|||
var arrs = $("#endTime").val().split("-"); |
|||
var lktime = new Date(arrs[0], arrs[1], arrs[2]); |
|||
var lktimes = lktime.getTime(); |
|||
|
|||
if (starttimes >lktimes) { |
|||
$("#checkstartTime").html("<font color=red>开始时间大于离开时间,请检查</font>"); |
|||
$("#startTime").val(""); |
|||
$("#endTime").val(""); |
|||
}else{ |
|||
var startTime = $("#startTime").val(); |
|||
var endTime = $("#endTime").val(); |
|||
window.location.href="${contextPath}/admin/user/count?startTime="+startTime+"&endTime="+endTime; |
|||
} |
|||
|
|||
}else{ |
|||
window.location.href="${contextPath}/admin/user/count"; |
|||
} |
|||
}); |
|||
|
|||
</script> |
|||
|
|||
</body> |
|||
|
|||
<!-- END BODY --> |
|||
|
|||
</html> |
|||
@ -0,0 +1,932 @@ |
|||
<!DOCTYPE html> |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> |
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%> |
|||
<c:set var="basePath" value="${pageContext.request.contextPath}"/> |
|||
<html lang="en"> |
|||
<head> |
|||
|
|||
<meta charset="utf-8" /> |
|||
|
|||
<title>会员管理|会员详情</title> |
|||
|
|||
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> |
|||
|
|||
<meta content="" name="description" /> |
|||
|
|||
<meta content="" name="author" /> |
|||
|
|||
<!-- BEGIN GLOBAL MANDATORY STYLES --> |
|||
|
|||
<link href="${basePath}/static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${basePath}/static/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${basePath}/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${basePath}/static/css/style-metro.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${basePath}/static/css/style.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${basePath}/static/css/style-responsive.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${basePath}/static/css/default.css" rel="stylesheet" type="text/css" id="style_color"/> |
|||
|
|||
<link href="${basePath}/static/css/uniform.default.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<!-- END GLOBAL MANDATORY STYLES --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/bootstrap-fileupload.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/jquery.gritter.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/chosen.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/select2_metro.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/jquery.tagsinput.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/clockface.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/bootstrap-wysihtml5.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/datepicker.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/timepicker.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/colorpicker.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/bootstrap-toggle-buttons.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/daterangepicker.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/datetimepicker.css" /> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${basePath}/static/css/multi-select-metro.css" /> |
|||
|
|||
<link href="${basePath}/static/css/bootstrap-modal.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<!-- END PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="shortcut icon" href="${basePath}/static/image/favicon.ico" /> |
|||
|
|||
<link href="${basePath}/static/css/userdetailbelong.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
</head> |
|||
|
|||
<!-- END HEAD --> |
|||
|
|||
<!-- BEGIN BODY --> |
|||
|
|||
<body class="page-header-fixed page-footer-fixed"> |
|||
|
|||
<!-- BEGIN HEADER --> |
|||
<div class="header navbar navbar-inverse navbar-fixed-top"> |
|||
<%@include file="/WEB-INF/layouts/header.jsp"%> |
|||
</div> |
|||
<!-- END HEADER --> |
|||
|
|||
<!-- BEGIN CONTAINER --> |
|||
|
|||
<div class="page-container row-fluid"> |
|||
|
|||
<!-- BEGIN SIDEBAR --> |
|||
|
|||
<div class="page-sidebar nav-collapse collapse"> |
|||
|
|||
<!-- BEGIN SIDEBAR MENU --> |
|||
<%@include file="/WEB-INF/layouts/menu.jsp"%> |
|||
|
|||
<!-- END SIDEBAR MENU --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END SIDEBAR --> |
|||
|
|||
<!-- BEGIN PAGE --> |
|||
|
|||
<div class="page-content"> |
|||
|
|||
<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM--> |
|||
|
|||
|
|||
<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM--> |
|||
|
|||
<!-- BEGIN PAGE CONTAINER--> |
|||
|
|||
<div class="container-fluid"> |
|||
|
|||
<!-- BEGIN PAGE HEADER--> |
|||
|
|||
<div class="row-fluid"> |
|||
|
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN STYLE CUSTOMIZER --> |
|||
|
|||
<div class="color-panel hidden-phone"> |
|||
|
|||
<!-- <div class="color-mode-icons icon-color"></div> --> |
|||
|
|||
<div class="color-mode-icons icon-color-close"></div> |
|||
|
|||
<div class="color-mode"> |
|||
|
|||
<p>THEME COLOR</p> |
|||
|
|||
<ul class="inline"> |
|||
|
|||
<li class="color-black current color-default" data-style="default"></li> |
|||
|
|||
<li class="color-blue" data-style="blue"></li> |
|||
|
|||
<li class="color-brown" data-style="brown"></li> |
|||
|
|||
<li class="color-purple" data-style="purple"></li> |
|||
|
|||
<li class="color-grey" data-style="grey"></li> |
|||
|
|||
<li class="color-white color-light" data-style="light"></li> |
|||
|
|||
</ul> |
|||
|
|||
<label> |
|||
|
|||
<span>Layout</span> |
|||
|
|||
<select class="layout-option m-wrap small"> |
|||
|
|||
<option value="fluid" selected>Fluid</option> |
|||
|
|||
<option value="boxed">Boxed</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Header</span> |
|||
|
|||
<select class="header-option m-wrap small"> |
|||
|
|||
<option value="fixed" selected>Fixed</option> |
|||
|
|||
<option value="default">Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Sidebar</span> |
|||
|
|||
<select class="sidebar-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Footer</span> |
|||
|
|||
<select class="footer-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END BEGIN STYLE CUSTOMIZER --> |
|||
<h3 class="page-title"> |
|||
<!-- <img src="${basePath}/static/image/elogo.png" class="LOGO"><small></small> --> |
|||
</h3> |
|||
<ul class="breadcrumb"> |
|||
<li> |
|||
<i class="icon-home"></i> |
|||
<a href="#">首页</a> |
|||
<span class="icon-angle-right"></span> |
|||
</li> |
|||
<li> |
|||
<a href="#">会员管理</a> |
|||
<span class="icon-angle-right"></span> |
|||
</li> |
|||
<li><a href="#">会员详情</a></li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<!-- END PAGE HEADER--> |
|||
<!-- BEGIN PAGE CONTENT--> |
|||
<div class="row-fluid"> |
|||
<div class="span12"> |
|||
<!-- BEGIN SAMPLE FORM PORTLET--> |
|||
<div class="portlet box blue"> |
|||
<div class="portlet-title"> |
|||
<div class="caption"><i class="icon-reorder"></i>会员详情</div> |
|||
<div class="tools"> |
|||
<!-- <a href="#portlet-config" data-toggle="modal" class="config"></a> --> |
|||
<!-- <a href="javascript:window.location.reload();" class="reload"></a> --> |
|||
<a href="${basePath}/admin/user/list" style="font-size: 1.2rem;color:#731122">返回上一页</a> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="portlet-body-title"> |
|||
<ul> |
|||
<li class="check">基本信息</li> |
|||
<li>随访测评及药物使用</li> |
|||
<li>脑力测评</li> |
|||
<li>训练跟踪</li> |
|||
<li>健康档案</li> |
|||
<li>Zarit照顾者负担量表</li> |
|||
</ul> |
|||
</div> |
|||
<div class="portlet-body form"> |
|||
<!-- BEGIN FORM--> |
|||
<div class="form-horizontal firstDiv clearfix" style="display:block"> |
|||
<div class="left"> |
|||
<div class="control-group"> |
|||
<label class="control-label">姓名:</label> |
|||
<label class="control-label label_one">${user.userName}</label> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label">手机号:</label> |
|||
<label class="control-label label_one">${user.mobile}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">就诊医院:</label> |
|||
<label class="control-label label_one">${user.clinicHospital}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">就诊科室:</label> |
|||
<label class="control-label label_one">${user.clinicOffice}</label> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label">就诊医生:</label> |
|||
<label class="control-label label_one">${user.clinicDoctor}</label> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label">性别 :</label> |
|||
<div class="controls"> |
|||
<c:if test="${user.sex==1}"> |
|||
男 |
|||
</c:if> |
|||
<c:if test="${user.sex==2}"> |
|||
女 |
|||
</c:if> |
|||
</div> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">出生日期:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${user.birthDate}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">身高:</label> |
|||
<label class="control-label label_one">${user.height}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">体重:</label> |
|||
<label class="control-label label_one">${user.weight}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">职业:</label> |
|||
<label class="control-label label_one">${user.jobTitle}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">教育程度:</label> |
|||
<label class="control-label label_one">${user.educateStatus}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">受教育年限:</label> |
|||
<label class="control-label label_one">${user.educateDate}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">长期居住地:</label> |
|||
<label class="control-label label_one">${user.abodePlace}</label> |
|||
</div> |
|||
</div> |
|||
<div class="right"> |
|||
<div class="control-group"> |
|||
<label class="control-label">出现认知障碍时间:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${user.appearTime}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">首次诊断痴呆时间:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${user.diagnoseTime}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">诊断:</label> |
|||
<label class="control-label label_one">${user.diagnoseResult}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">血压:</label> |
|||
<label class="control-label label_one">${user.minBloodPressure}/${user.maxBloodPressure}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">血脂(低密度脂蛋白):</label> |
|||
<label class="control-label label_one">${user.bloodFat}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">体力活动:</label> |
|||
<label class="control-label label_one">${user.physicalAct}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">ApoE基因:</label> |
|||
<label class="control-label label_one">${user.apoeGene}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">疾病史:</label> |
|||
<label class="control-label label_one">${user.diseasesRecord}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">亲属疾病史(祖父母、外祖父母、父母):</label> |
|||
<label class="control-label label_one">${user.relativeDiseasesRecord}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">是否失眠:</label> |
|||
<div class="controls"> |
|||
<c:if test="${user.isInsomnic}"> |
|||
是(每天能睡${user.insomnicPeriod}小时) |
|||
</c:if> |
|||
<c:if test="${!user.isInsomnic}"> |
|||
否 |
|||
</c:if> |
|||
</div> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">是否吸烟:</label> |
|||
<div class="controls"> |
|||
<c:if test="${user.isSmoke==1}"> |
|||
是(但已戒烟,已戒${user.quitPeriod}年) |
|||
</c:if> |
|||
<c:if test="${user.isSmoke==2}"> |
|||
是(烟龄${user.sustainPeriod}年,每天${user.averageNum}支) |
|||
</c:if> |
|||
<c:if test="${user.isSmoke==0}"> |
|||
否 |
|||
</c:if> |
|||
</div> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">是否饮酒:</label> |
|||
<div class="controls"> |
|||
<c:if test="${user.isDrink==1}"> |
|||
是(但已戒酒,已戒${user.abstinencePeriod}年) |
|||
</c:if> |
|||
<c:if test="${user.isDrink==2}"> |
|||
是(种类:${user.drinkType}) |
|||
</c:if> |
|||
<c:if test="${user.isDrink==0}"> |
|||
否 |
|||
</c:if> |
|||
</div> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">是否饮茶:</label> |
|||
<div class="controls"> |
|||
<c:if test="${user.isTea==1}"> |
|||
是(但已经不喝,已不喝${user.quitTea}年) |
|||
</c:if> |
|||
<c:if test="${user.isTea==2}"> |
|||
是(持续${user.continuePeriod}年)(种类:${user.teaType} 频率:每周${user.teaPeriod}次以上) |
|||
</c:if> |
|||
<c:if test="${user.isTea==0}"> |
|||
否 |
|||
</c:if> |
|||
</div> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">是否口重:</label> |
|||
<div class="controls"> |
|||
<c:if test="${user.isStrongFlavour}"> |
|||
是 |
|||
</c:if> |
|||
<c:if test="${!user.isStrongFlavour}"> |
|||
否 |
|||
</c:if> |
|||
</div> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">喜欢多吃荤菜还是素菜:</label> |
|||
<div class="controls"> |
|||
<c:if test="${user.isLikeMeat}"> |
|||
是 |
|||
</c:if> |
|||
<c:if test="${!user.isLikeMeat}"> |
|||
否 |
|||
</c:if> |
|||
</div> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">炒菜是否多放油:</label> |
|||
<div class="controls"> |
|||
<c:if test="${user.isMoreOil}"> |
|||
是 |
|||
</c:if> |
|||
<c:if test="${!user.isMoreOil}"> |
|||
否 |
|||
</c:if> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- END FORM--> |
|||
</div> |
|||
|
|||
|
|||
|
|||
|
|||
<div class="form-horizontal secondDiv" style="display:none"> |
|||
<div class="control-group"> |
|||
<label class="control-label">测评时间:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${followUp.testAt}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label">Mmse得分:</label> |
|||
<label class="control-label label_one">${followUp.mmseScore==null?0:followUp.mmseScore}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">Moca得分:</label> |
|||
<label class="control-label label_one">${followUp.mocaScore==null?0:followUp.mocaScore}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">Adl得分:</label> |
|||
<label class="control-label label_one">${followUp.adlScore==null?0:followUp.adlScore}</label> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label">Npi得分:</label> |
|||
<label class="control-label label_one">${followUp.npiScore==null?0:followUp.npiScore}</label> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label">总分:</label> |
|||
<label class="control-label label_one">${followUp.totalScore==null?0:followUp.totalScore}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">多奈哌齐:</label> |
|||
<label class="control-label label_one">${followUp.firstMedicine==null?0:followUp.firstMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">卡巴拉汀:</label> |
|||
<label class="control-label label_one">${followUp.secondMedicine==null?0:followUp.secondMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">石杉碱甲:</label> |
|||
<label class="control-label label_one">${followUp.thirdMedicine==null?0:followUp.thirdMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">盐酸美金刚片:</label> |
|||
<label class="control-label label_one">${followUp.forthMedicine==null?0:followUp.forthMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">奥拉西坦:</label> |
|||
<label class="control-label label_one">${followUp.fifthMedicine==null?0:followUp.fifthMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">银杏叶片:</label> |
|||
<label class="control-label label_one">${followUp.sixthMedicine==null?0:followUp.sixthMedicine}</label> |
|||
</div> |
|||
<c:if test="${followUp.sevName !=null && followUp.sevName !=''}"> |
|||
<div class="control-group"> |
|||
<label class="control-label">${followUp.sevName}:</label> |
|||
<label class="control-label label_one">${followUp.sevMedicine}</label> |
|||
</div> |
|||
</c:if> |
|||
<!-- END FORM--> |
|||
</div> |
|||
|
|||
|
|||
|
|||
|
|||
<div class="form-horizontal thirdDiv" style="display:none"> |
|||
<div class="control-group"> |
|||
<label class="control-label">测评时间:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${mentalTest.testAt}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label">记忆力:</label> |
|||
<label class="control-label label_one">${mentalTest.memoryNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">语言能力:</label> |
|||
<label class="control-label label_one">${mentalTest.expressNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">视空间:</label> |
|||
<label class="control-label label_one">${mentalTest.viewNum}</label> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label">注意力:</label> |
|||
<label class="control-label label_one">${mentalTest.attentionNum}</label> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label">定向力:</label> |
|||
<label class="control-label label_one">${mentalTest.directionNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">计算能力:</label> |
|||
<label class="control-label label_one">${mentalTest.countNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">逻辑能力:</label> |
|||
<label class="control-label label_one">${mentalTest.logicNum}</label> |
|||
</div> |
|||
<!-- END FORM--> |
|||
</div> |
|||
|
|||
|
|||
|
|||
<div class="form-horizontal forthDiv" style="display:none"> |
|||
<div class="portlet-body"> |
|||
<c:forEach items="${queryPracticeList}" var="practice" begin="0" varStatus="status"> |
|||
<table class="table table-striped table-hover table-bordered"> |
|||
<p class="xltime">训练时间:<fmt:formatDate value="${practice.startAt}" pattern="yyyy/MM/dd"/> |
|||
--<fmt:formatDate value="${practice.endAt}" pattern="yyyy/MM/dd"/></p> |
|||
<thead> |
|||
<tr> |
|||
<th>训练方式</th> |
|||
<th>数字方格</th> |
|||
<th>钟表</th> |
|||
<th>正方体拼图</th> |
|||
<th>扑克</th> |
|||
<th>图片</th> |
|||
<th>串珠</th> |
|||
<th>迷宫</th> |
|||
<th>空间记忆</th> |
|||
<th>颜色棋</th> |
|||
<th>找不同</th> |
|||
<th>木条</th> |
|||
<th>数独</th> |
|||
</tr> |
|||
|
|||
</thead> |
|||
|
|||
<tbody> |
|||
<tr class=""> |
|||
<td>本周训练次数</td> |
|||
<td>${practice.firstPractice==nul?0:practice.firstPractice}</td> |
|||
<td>${practice.secondPractice==null?0:practice.secondPractice}</td> |
|||
<td>${practice.thirdPractice==null?0:practice.thirdPractice}</td> |
|||
<td>${practice.forthPractice==null?0:practice.forthPractice}</td> |
|||
<td>${practice.fifthPractice==null?0:practice.fifthPractice}</td> |
|||
<td>${practice.sixthPractice==null?0:practice.sixthPractice}</td> |
|||
<td>${practice.seventhPractice==null?0:practice.seventhPractice}</td> |
|||
<td>${practice.ninthPractice==null?0:practice.ninthPractice}</td> |
|||
<td>${practice.tenthPractice==null?0:practice.tenthPractice}</td> |
|||
<td>${practice.eleventhPractice==null?0:practice.eleventhPractice}</td> |
|||
<td>${practice.twelfthPractice==null?0:practice.twelfthPractice}</td> |
|||
<td>${practice.eighthPractice==null?0:practice.eighthPractice}</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</c:forEach> |
|||
</div> |
|||
<!-- END FORM--> |
|||
</div> |
|||
|
|||
|
|||
|
|||
<div class="form-horizontal fifthDiv clearfix" style="display:none; position:relative; "> |
|||
<div class="current-file">当前档案</div> |
|||
<input type="hidden" value="${healthRecordVO.id }" name="currentId"> |
|||
<div class="picScroll-left"> |
|||
<div class="hd"> |
|||
<a class="next">→</a> |
|||
<a class="prev">←</a> |
|||
</div> |
|||
<div class="bd"> |
|||
<ul class="picList"> |
|||
<c:forEach items="${queryHealthRecordList }" var="healthRecordList"> |
|||
<li name="${healthRecordList.id}"><fmt:formatDate value="${healthRecordList.createAt}" pattern="yyyy/MM/dd"/></li> |
|||
</c:forEach> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div style="margin-top:100px;" class="textdiv"> |
|||
<div class="left"> |
|||
<p>个人信息</p> |
|||
<div class="control-group"> |
|||
<label class="control-label">姓名:</label> |
|||
<label class="control-label label_one textdiv" name="userName">${healthRecordVO.userName}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">性别:</label> |
|||
<div class="controls"> |
|||
<c:if test="${healthRecordVO.sex==1}"> |
|||
男 |
|||
</c:if> |
|||
<c:if test="${healthRecordVO.sex==2}"> |
|||
女 |
|||
</c:if> |
|||
</div> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">出生年月:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${healthRecordVO.birthDate}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label">出现认知障碍时间:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${healthRecordVO.appearTime}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
|
|||
<div class="control-group"> |
|||
<label class="control-label">首次诊断痴呆时间:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${healthRecordVO.diagnoseTime}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
<p>睿耋评价体系</p> |
|||
<div class="control-group"> |
|||
<label class="control-label">测评时间:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${healthRecordVO.mtestAt}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">记忆力:</label> |
|||
<label class="control-label label_one textdiv" name="memoryNum">${healthRecordVO.memoryNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">语言能力:</label> |
|||
<label class="control-label label_one textdiv" name="expressNum">${healthRecordVO.expressNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">视空间:</label> |
|||
<label class="control-label label_one textdiv" name="viewNum">${healthRecordVO.viewNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">注意力:</label> |
|||
<label class="control-label label_one textdiv" name="attentionNum">${healthRecordVO.attentionNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">定向力:</label> |
|||
<label class="control-label label_one textdiv" name="directionNum">${healthRecordVO.directionNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">计算能力:</label> |
|||
<label class="control-label label_one textdiv" name="countNum">${healthRecordVO.countNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">逻辑能力:</label> |
|||
<label class="control-label label_one textdiv" name="logicNum">${healthRecordVO.logicNum}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">照料者负担:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.zaritPoint==null?0:healthRecordVO.zaritPoint}</label> |
|||
</div> |
|||
|
|||
</div> |
|||
<div class="right"> |
|||
|
|||
<p>随访测评</p> |
|||
<div class="control-group"> |
|||
<label class="control-label">测评时间:</label> |
|||
<label class="control-label label_one"><fmt:formatDate value="${healthRecordVO.ftestAt}" pattern="yyyy/MM/dd"/></label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">Mmse:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.mmseScore==null?0:healthRecordVO.mmseScore}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">Moca:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.mocaScore==null?0:healthRecordVO.mocaScore}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">Adl:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.adlScore==null?0:healthRecordVO.adlScore}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">Npi:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.npiScore==null?0:healthRecordVO.npiScore}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">总分:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.totalScore==null?0:healthRecordVO.totalScore}</label> |
|||
</div> |
|||
<p></p> |
|||
<p>药物使用(每日剂量)</p> |
|||
<div class="control-group"> |
|||
<label class="control-label">多奈哌齐:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.firstMedicine==null?0:healthRecordVO.firstMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">卡巴拉汀:</label> |
|||
<label class="control-label label_one textdiv" name="zaritPoint">${healthRecordVO.secondMedicine==null?0:healthRecordVO.secondMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">石杉碱甲:</label> |
|||
<label class="control-label label_one textdiv">${healthRecordVO.thirdMedicine==null?0:healthRecordVO.thirdMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">盐酸美金刚片:</label> |
|||
<label class="control-label label_one textdiv">${healthRecordVO.forthMedicine==null?0:healthRecordVO.forthMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">奥拉西坦:</label> |
|||
<label class="control-label label_one textdiv">${healthRecordVO.fifthMedicine==null?0:healthRecordVO.fifthMedicine}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">银杏叶片:</label> |
|||
<label class="control-label label_one textdiv">${healthRecordVO.sixthMedicine==null?0:healthRecordVO.sixthMedicine}</label> |
|||
</div> |
|||
<c:if test="${healthRecordVO.sevName !=null && healthRecordVO.sevName !=''}"> |
|||
<div class="control-group"> |
|||
<label class="control-label">${healthRecordVO.sevName}:</label> |
|||
<label class="control-label label_one">${healthRecordVO.sevMedicine}</label> |
|||
</div> |
|||
</c:if> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- END FORM--> |
|||
</div> |
|||
|
|||
|
|||
|
|||
<div class="form-horizontal sixthDiv" style="display:none"> |
|||
<div class="control-group"> |
|||
<label class="control-label">总分:</label> |
|||
<label class="control-label label_one">${care.zaritPoint==null?0:care.zaritPoint}</label> |
|||
</div> |
|||
<div class="control-group"> |
|||
<label class="control-label">评价:</label> |
|||
<label class="control-label label_one" style="width:80%;">${care.zaritState==null?'无':care.zaritState}</label> |
|||
</div> |
|||
<!-- END FORM--> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<!-- END SAMPLE FORM PORTLET--> |
|||
</div> |
|||
<!-- END PAGE CONTENT--> |
|||
</div> |
|||
</div> |
|||
<!-- END PAGE CONTAINER--> |
|||
<!-- END PAGE --> |
|||
</div> |
|||
<!-- END CONTAINER --> |
|||
</div> |
|||
<!-- BEGIN FOOTER --> |
|||
|
|||
<%@include file="/WEB-INF/layouts/footer.jsp"%> |
|||
|
|||
<!-- END FOOTER --> |
|||
|
|||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --> |
|||
|
|||
<!-- BEGIN CORE PLUGINS --> |
|||
|
|||
<script src="${basePath}/static/js/jquery-1.10.1.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${basePath}/static/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> |
|||
|
|||
<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip --> |
|||
|
|||
<script src="${basePath}/static/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${basePath}/static/js/bootstrap.min.js" type="text/javascript"></script> |
|||
|
|||
<!--[if lt IE 9]> |
|||
|
|||
<script src="${basePath}/static/js/excanvas.min.js"></script> |
|||
|
|||
<script src="${basePath}/static/js/respond.min.js"></script> |
|||
|
|||
<![endif]--> |
|||
|
|||
<script src="${basePath}/static/js/jquery.slimscroll.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${basePath}/static/js/jquery.blockui.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${basePath}/static/js/jquery.cookie.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${basePath}/static/js/jquery.uniform.min.js" type="text/javascript" ></script> |
|||
|
|||
<!-- END CORE PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL PLUGINS --> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/bootstrap-fileupload.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/chosen.jquery.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/select2.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/wysihtml5-0.3.0.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/bootstrap-wysihtml5.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/jquery.tagsinput.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/jquery.toggle.buttons.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/bootstrap-datepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/bootstrap-datetimepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/clockface.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/date.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/daterangepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/bootstrap-colorpicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/bootstrap-timepicker.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/jquery.inputmask.bundle.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/jquery.input-ip-address-control-1.0.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${basePath}/static/js/jquery.multi-select.js"></script> |
|||
|
|||
<script src="${basePath}/static/js/bootstrap-modal.js" type="text/javascript" ></script> |
|||
|
|||
<script src="${basePath}/static/js/bootstrap-modalmanager.js" type="text/javascript" ></script> |
|||
|
|||
<!-- END PAGE LEVEL PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL SCRIPTS --> |
|||
|
|||
<script src="${basePath}/static/js/app.js"></script> |
|||
|
|||
<script src="${basePath}/static/js/form-components.js"></script> |
|||
<script src="${basePath}/static/js/jquery-SuperSlide.js" type="text/javascript" ></script> |
|||
|
|||
|
|||
</body> |
|||
|
|||
<!-- END BODY --> |
|||
<script type="text/javascript"> |
|||
|
|||
$(".portlet .portlet-body-title li").click(function(){ |
|||
$(".portlet .portlet-body-title li").eq($(this).index()).addClass("check").siblings().removeClass('check'); |
|||
$(".portlet .form-horizontal").hide().eq($(this).index()).show(); |
|||
}); |
|||
|
|||
jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",vis:3,trigger:"click"}); |
|||
|
|||
$(".picList li").each(function(){ |
|||
$(this).click(function(){ |
|||
var that=$(this); |
|||
var healthId=$(this).attr("name"); |
|||
$.ajax({ |
|||
url : "${contextPath}/admin/user/chooseHealthRecord", |
|||
data : {"healthId":healthId}, |
|||
type : 'post', |
|||
dataType:'html', |
|||
success : function(result) { |
|||
that.addClass("active"); |
|||
that.siblings().removeClass("active"); |
|||
$(".current-file").css({"background":"#cac7c4"}); |
|||
$(".fifthDiv .textdiv").html(""); |
|||
$(".fifthDiv .textdiv").html(result); |
|||
}, |
|||
error : function() { |
|||
alert("系统异常,请重试"); |
|||
} |
|||
}); |
|||
}); |
|||
}); |
|||
|
|||
$(".current-file").click(function(){ |
|||
var healthId=$("input[name='currentId']").val(); |
|||
$.ajax({ |
|||
url : "${contextPath}/admin/user/chooseHealthRecord", |
|||
data : {"healthId":healthId}, |
|||
type : 'post', |
|||
dataType:'html', |
|||
success : function(result) { |
|||
$(".current-file").css({"background":"#fd9825"}); |
|||
$(".picList li").removeClass("active"); |
|||
$(".fifthDiv .textdiv").html(""); |
|||
$(".fifthDiv .textdiv").html(result); |
|||
}, |
|||
error : function() { |
|||
alert("系统异常,请重试"); |
|||
} |
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
|
|||
</html> |
|||
@ -0,0 +1,377 @@ |
|||
<%@ page language="java" contentType="text/html; charset=UTF-8" |
|||
pageEncoding="UTF-8"%> |
|||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> |
|||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> |
|||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> |
|||
<c:set var="contextPath" value="${pageContext.request.contextPath}" /> |
|||
<!DOCTYPE html> |
|||
<!-- BEGIN HEAD --> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<title>会员管理</title> |
|||
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> |
|||
<meta content="" name="description" /> |
|||
<meta content="" name="author" /> |
|||
<!-- BEGIN GLOBAL MANDATORY STYLES --> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style-metro.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/style.css" rel="stylesheet" type="text/css"/> |
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/bootstrap-fileupload.css" /> |
|||
<link href="${contextPath}/static/css/style-responsive.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<link href="${contextPath}/static/css/default.css" rel="stylesheet" type="text/css" id="style_color"/> |
|||
|
|||
<link href="${contextPath}/static/css/uniform.default.css" rel="stylesheet" type="text/css"/> |
|||
|
|||
<!-- END GLOBAL MANDATORY STYLES --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/select2_metro.css" /> |
|||
|
|||
<link rel="stylesheet" href="${contextPath}/static/css/DT_bootstrap.css" /> |
|||
|
|||
<!-- END PAGE LEVEL STYLES --> |
|||
|
|||
<link rel="shortcut icon" href="${contextPath}/static/image/favicon.ico" /> |
|||
<link rel="stylesheet" type="text/css" href="${contextPath}/static/css/bootstrap-fileupload.css" /> |
|||
</head> |
|||
<body class="page-header-fixed page-footer-fixed"> |
|||
|
|||
<!-- BEGIN HEADER --> |
|||
<div class="header navbar navbar-inverse navbar-fixed-top"> |
|||
<%@include file="/WEB-INF/layouts/header.jsp"%> |
|||
</div> |
|||
<!-- END HEADER --> |
|||
|
|||
<!-- BEGIN CONTAINER --> |
|||
<div class="page-container row-fluid"> |
|||
|
|||
<!-- BEGIN SIDEBAR --> |
|||
|
|||
<div class="page-sidebar nav-collapse collapse"> |
|||
|
|||
<!-- BEGIN SIDEBAR MENU --> |
|||
<%@include file="/WEB-INF/layouts/menu.jsp"%> |
|||
|
|||
<!-- END SIDEBAR MENU --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END SIDEBAR --> |
|||
|
|||
<!-- BEGIN PAGE --> |
|||
|
|||
<div class="page-content"> |
|||
|
|||
<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM--> |
|||
|
|||
|
|||
|
|||
<div class="container-fluid"> |
|||
|
|||
<!-- BEGIN PAGE HEADER--> |
|||
|
|||
<div class="row-fluid"> |
|||
|
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN STYLE CUSTOMIZER --> |
|||
|
|||
<div class="color-panel hidden-phone"> |
|||
|
|||
<!-- <div class="color-mode-icons icon-color"></div> --> |
|||
|
|||
<div class="color-mode-icons icon-color-close"></div> |
|||
|
|||
<div class="color-mode"> |
|||
|
|||
|
|||
|
|||
<ul class="inline"> |
|||
|
|||
<li class="color-black current color-default" data-style="default"></li> |
|||
|
|||
<li class="color-blue" data-style="blue"></li> |
|||
|
|||
<li class="color-brown" data-style="brown"></li> |
|||
|
|||
<li class="color-purple" data-style="purple"></li> |
|||
|
|||
<li class="color-grey" data-style="grey"></li> |
|||
|
|||
<li class="color-white color-light" data-style="light"></li> |
|||
|
|||
</ul> |
|||
|
|||
<label> |
|||
|
|||
<span>Layout</span> |
|||
|
|||
<select class="layout-option m-wrap small"> |
|||
|
|||
<option value="fluid" selected>Fluid</option> |
|||
|
|||
<option value="boxed">Boxed</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Header</span> |
|||
|
|||
<select class="header-option m-wrap small"> |
|||
|
|||
<option value="fixed" selected>Fixed</option> |
|||
|
|||
<option value="default">Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Sidebar</span> |
|||
|
|||
<select class="sidebar-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
<label> |
|||
|
|||
<span>Footer</span> |
|||
|
|||
<select class="footer-option m-wrap small"> |
|||
|
|||
<option value="fixed">Fixed</option> |
|||
|
|||
<option value="default" selected>Default</option> |
|||
|
|||
</select> |
|||
|
|||
</label> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END BEGIN STYLE CUSTOMIZER --> |
|||
|
|||
<!-- BEGIN PAGE TITLE & BREADCRUMB--> |
|||
|
|||
<h3 class="page-title"> |
|||
|
|||
<img src="${contextPath}/static/image/elogo.png" class="LOGO"><small>会员管理</small> |
|||
|
|||
</h3> |
|||
|
|||
<ul class="breadcrumb"> |
|||
|
|||
<li> |
|||
|
|||
<i class="icon-home"></i> |
|||
|
|||
<a href="#">首页</a> |
|||
|
|||
<i class="icon-angle-right"></i> |
|||
|
|||
</li> |
|||
|
|||
<li> |
|||
|
|||
<a href="#">会员管理</a> |
|||
|
|||
<i class="icon-angle-right"></i> |
|||
|
|||
</li> |
|||
|
|||
<li><a href="#">会员管理</a></li> |
|||
|
|||
</ul> |
|||
|
|||
<!-- END PAGE TITLE & BREADCRUMB--> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE HEADER--> |
|||
|
|||
<!-- BEGIN PAGE CONTENT--> |
|||
|
|||
<div class="row-fluid"> |
|||
|
|||
<div class="span12"> |
|||
|
|||
<!-- BEGIN EXAMPLE TABLE PORTLET--> |
|||
|
|||
<div class="portlet box blue"> |
|||
|
|||
<div class="portlet-title"> |
|||
|
|||
<div class="caption"><i class="icon-edit"></i>会员管理</div> |
|||
<div class="tools"> |
|||
<a href="javascript:window.location.reload();" class="reload"></a> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<div class="portlet-body"> |
|||
|
|||
<table class="table table-striped table-hover table-bordered" id="sample_editable_1"> |
|||
<thead> |
|||
<tr> |
|||
<th style="display: none;">ID</th> |
|||
<th>注册码</th> |
|||
<th>姓名</th> |
|||
<th>手机号</th> |
|||
<th>性别</th> |
|||
|
|||
<th>就诊医院</th> |
|||
<th>就诊科室</th> |
|||
<th>就诊医生</th> |
|||
<th>操作</th> |
|||
|
|||
</tr> |
|||
|
|||
</thead> |
|||
|
|||
<tbody> |
|||
|
|||
<c:forEach items="${userList}" var="user" begin="0" varStatus="status"> |
|||
|
|||
<tr class=""> |
|||
|
|||
<td style="display: none;">${user.id}</td> |
|||
|
|||
<td>${user.registerNo }</td> |
|||
<td>${user.userName }</td> |
|||
<td>${user.mobile }</td> |
|||
<td> |
|||
<c:if test="${user.sex==1 }"> |
|||
男 |
|||
</c:if> |
|||
<c:if test="${user.sex==2 }"> |
|||
女 |
|||
</c:if> |
|||
</td> |
|||
<td>${user.clinicHospital }</td> |
|||
<td>${user.clinicOffice }</td> |
|||
<td>${user.clinicDoctor }</td> |
|||
<td> |
|||
<a href="${contextPath}/admin/user/detail?id=${user.id}" data-toggle="modal" class="edit blue btn Delete_btn btn_role_edit">详情</a> |
|||
</td> |
|||
</tr> |
|||
</c:forEach> |
|||
</tbody> |
|||
|
|||
</table> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END EXAMPLE TABLE PORTLET--> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
<!-- END PAGE CONTENT --> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<!-- END PAGE --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END CONTAINER --> |
|||
|
|||
<!-- BEGIN FOOTER --> |
|||
|
|||
<%@include file="/WEB-INF/layouts/footer.jsp"%> |
|||
|
|||
<!-- END FOOTER --> |
|||
|
|||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) --> |
|||
|
|||
<!-- BEGIN CORE PLUGINS --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-1.10.1.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script> |
|||
|
|||
<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip --> |
|||
|
|||
<script src="${contextPath}/static/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/bootstrap.min.js" type="text/javascript"></script> |
|||
|
|||
<!--[if lt IE 9]> |
|||
|
|||
<script src="${contextPath}/static/js/excanvas.min.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/respond.min.js"></script> |
|||
|
|||
<![endif]--> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.slimscroll.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.blockui.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.cookie.min.js" type="text/javascript"></script> |
|||
|
|||
<script src="${contextPath}/static/js/jquery.uniform.min.js" type="text/javascript" ></script> |
|||
|
|||
<!-- END CORE PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL PLUGINS --> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/select2.min.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/jquery.dataTables.js"></script> |
|||
|
|||
<script type="text/javascript" src="${contextPath}/static/js/DT_bootstrap.js"></script> |
|||
|
|||
<!-- END PAGE LEVEL PLUGINS --> |
|||
|
|||
<!-- BEGIN PAGE LEVEL SCRIPTS --> |
|||
|
|||
<script src="${contextPath}/static/js/app.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/table-advanced.js"></script> |
|||
|
|||
<script src="${contextPath}/static/js/table-editable.js"></script> |
|||
<script> |
|||
|
|||
jQuery(document).ready(function() { |
|||
|
|||
App.init(); |
|||
TableAdvanced.init(); |
|||
TableEditable.init(); |
|||
}); |
|||
</script> |
|||
|
|||
</body> |
|||
|
|||
<!-- END BODY --> |
|||
|
|||
</html> |
|||
@ -0,0 +1,61 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" |
|||
xmlns="http://java.sun.com/xml/ns/javaee" |
|||
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" |
|||
version="3.0"> |
|||
<context-param> |
|||
<param-name>webAppRootKey</param-name> |
|||
<param-value>bjyy-admin.root</param-value> |
|||
</context-param> |
|||
<context-param> |
|||
<param-name>contextConfigLocation</param-name> |
|||
<param-value>classpath:spring-context.xml</param-value> |
|||
</context-param> |
|||
<context-param> |
|||
<param-name>log4jConfigLocation</param-name> |
|||
<param-value>/WEB-INF/classes/config/log4j.properties</param-value> |
|||
</context-param> |
|||
<context-param> |
|||
<param-name>log4jRefreshInterval</param-name> |
|||
<param-value>600000</param-value> |
|||
</context-param> |
|||
|
|||
<listener> |
|||
<listener-class>org.springframework.web.util.Log4jConfigListener</listener-class> |
|||
</listener> |
|||
<listener> |
|||
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> |
|||
</listener> |
|||
<listener> |
|||
<listener-class>org.springframework.web.util.IntrospectorCleanupListener</listener-class> |
|||
</listener> |
|||
|
|||
<filter> |
|||
<filter-name>characterEncodingFilter</filter-name> |
|||
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> |
|||
<init-param> |
|||
<param-name>encoding</param-name> |
|||
<param-value>UTF-8</param-value> |
|||
</init-param> |
|||
</filter> |
|||
<filter-mapping> |
|||
<filter-name>characterEncodingFilter</filter-name> |
|||
<url-pattern>/*</url-pattern> |
|||
</filter-mapping> |
|||
|
|||
<servlet> |
|||
<servlet-name>SpringMVC</servlet-name> |
|||
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> |
|||
<init-param> |
|||
<param-name>contextConfigLocation</param-name> |
|||
<param-value>classpath:spring-servlet.xml</param-value> |
|||
</init-param> |
|||
<load-on-startup>1</load-on-startup> |
|||
<async-supported>true</async-supported> |
|||
</servlet> |
|||
<servlet-mapping> |
|||
<servlet-name>SpringMVC</servlet-name> |
|||
<url-pattern>/</url-pattern> |
|||
</servlet-mapping> |
|||
|
|||
</web-app> |
|||
@ -0,0 +1,178 @@ |
|||
|
|||
div.dataTables_length label { |
|||
float: left; |
|||
text-align: left; |
|||
} |
|||
|
|||
div.dataTables_length select { |
|||
width: 75px; |
|||
} |
|||
|
|||
div.dataTables_filter label { |
|||
float: right; |
|||
} |
|||
|
|||
div.dataTables_info { |
|||
padding-top: 8px; |
|||
} |
|||
|
|||
div.dataTables_paginate { |
|||
float: right; |
|||
margin: 0; |
|||
} |
|||
|
|||
table.table { |
|||
clear: both; |
|||
margin-bottom: 6px !important; |
|||
max-width: none !important; |
|||
} |
|||
|
|||
table.table thead .sorting, |
|||
table.table thead .sorting_asc, |
|||
table.table thead .sorting_desc, |
|||
table.table thead .sorting_asc_disabled, |
|||
table.table thead .sorting_desc_disabled { |
|||
cursor: pointer; |
|||
*cursor: hand; |
|||
} |
|||
|
|||
table.table thead .sorting { background: url('../image/sort_both.png') no-repeat center right; } |
|||
table.table thead .sorting_asc { background: url('../image/sort_asc.png') no-repeat center right; } |
|||
table.table thead .sorting_desc { background: url('../image/sort_desc.png') no-repeat center right; } |
|||
|
|||
table.table thead .sorting_asc_disabled { background: url('../image/sort_asc_disabled.png') no-repeat center right; } |
|||
table.table thead .sorting_desc_disabled { background: url('../image/sort_desc_disabled.png') no-repeat center right; } |
|||
|
|||
table.dataTable th:active { |
|||
outline: none; |
|||
} |
|||
|
|||
/* Scrolling */ |
|||
div.dataTables_scrollHead table { |
|||
margin-bottom: 0 !important; |
|||
border-bottom-left-radius: 0; |
|||
border-bottom-right-radius: 0; |
|||
} |
|||
|
|||
div.dataTables_scrollHead table thead tr:last-child th:first-child, |
|||
div.dataTables_scrollHead table thead tr:last-child td:first-child { |
|||
border-bottom-left-radius: 0 !important; |
|||
border-bottom-right-radius: 0 !important; |
|||
} |
|||
|
|||
div.dataTables_scrollBody table { |
|||
border-top: none; |
|||
margin-bottom: 0 !important; |
|||
} |
|||
|
|||
div.dataTables_scrollBody tbody tr:first-child th, |
|||
div.dataTables_scrollBody tbody tr:first-child td { |
|||
border-top: none; |
|||
} |
|||
|
|||
div.dataTables_scrollFoot table { |
|||
border-top: none; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
/* |
|||
* TableTools styles |
|||
*/ |
|||
.table tbody tr.active td, |
|||
.table tbody tr.active th { |
|||
background-color: #08C; |
|||
color: white; |
|||
} |
|||
|
|||
.table tbody tr.active:hover td, |
|||
.table tbody tr.active:hover th { |
|||
background-color: #0075b0 !important; |
|||
} |
|||
|
|||
.table-striped tbody tr.active:nth-child(odd) td, |
|||
.table-striped tbody tr.active:nth-child(odd) th { |
|||
background-color: #017ebc; |
|||
} |
|||
|
|||
table.DTTT_selectable tbody tr { |
|||
cursor: pointer; |
|||
*cursor: hand; |
|||
} |
|||
|
|||
div.DTTT .btn { |
|||
color: #333 !important; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
div.DTTT .btn:hover { |
|||
text-decoration: none !important; |
|||
} |
|||
|
|||
|
|||
ul.DTTT_dropdown.dropdown-menu a { |
|||
color: #333 !important; /* needed only when demo_page.css is included */ |
|||
} |
|||
|
|||
ul.DTTT_dropdown.dropdown-menu li:hover a { |
|||
background-color: #0088cc; |
|||
color: white !important; |
|||
} |
|||
|
|||
/* TableTools information display */ |
|||
div.DTTT_print_info.modal { |
|||
height: 150px; |
|||
margin-top: -75px; |
|||
text-align: center; |
|||
} |
|||
|
|||
div.DTTT_print_info h6 { |
|||
font-weight: normal; |
|||
font-size: 28px; |
|||
line-height: 28px; |
|||
margin: 1em; |
|||
} |
|||
|
|||
div.DTTT_print_info p { |
|||
font-size: 14px; |
|||
line-height: 20px; |
|||
} |
|||
|
|||
|
|||
|
|||
/* |
|||
* FixedColumns styles |
|||
*/ |
|||
div.DTFC_LeftHeadWrapper table, |
|||
div.DTFC_LeftFootWrapper table, |
|||
table.DTFC_Cloned tr.even { |
|||
background-color: white; |
|||
} |
|||
|
|||
div.DTFC_LeftHeadWrapper table { |
|||
margin-bottom: 0 !important; |
|||
border-top-right-radius: 0 !important; |
|||
border-bottom-left-radius: 0 !important; |
|||
border-bottom-right-radius: 0 !important; |
|||
} |
|||
|
|||
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, |
|||
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child { |
|||
border-bottom-left-radius: 0 !important; |
|||
border-bottom-right-radius: 0 !important; |
|||
} |
|||
|
|||
div.DTFC_LeftBodyWrapper table { |
|||
border-top: none; |
|||
margin-bottom: 0 !important; |
|||
} |
|||
|
|||
div.DTFC_LeftBodyWrapper tbody tr:first-child th, |
|||
div.DTFC_LeftBodyWrapper tbody tr:first-child td { |
|||
border-top: none; |
|||
} |
|||
|
|||
div.DTFC_LeftFootWrapper table { |
|||
border-top: none; |
|||
} |
|||
@ -0,0 +1,20 @@ |
|||
/*** |
|||
Anout Us Page |
|||
***/ |
|||
|
|||
.meet-our-team h3 { |
|||
margin-bottom: 0; |
|||
padding: 0 10px 10px; |
|||
background: #fcfcfc; |
|||
} |
|||
|
|||
.meet-our-team small { |
|||
display:block; |
|||
font-size:12px; |
|||
} |
|||
|
|||
.meet-our-team .team-info { |
|||
padding: 10px; |
|||
overflow: hidden; |
|||
background: #fafafa; |
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,163 @@ |
|||
/*** |
|||
Blog Page |
|||
***/ |
|||
|
|||
/*--Block Article--*/ |
|||
.blog-page { |
|||
padding-bottom: 20px; |
|||
} |
|||
|
|||
.blog-page h1 { |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.blog-page h2 a { |
|||
color: #000; |
|||
} |
|||
|
|||
.blog-page h2 a:hover { |
|||
color: #0d638f; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.blog-page hr { |
|||
margin-top: 30px !important; |
|||
} |
|||
|
|||
.blog-page .article-block { |
|||
padding-bottom: 20px; |
|||
} |
|||
|
|||
.blog-page .news-img img { |
|||
margin-top: 9px; |
|||
} |
|||
|
|||
.blog-page .blog-tag-data ul { |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
.blog-page .blog-tag-data li { |
|||
padding: 0; |
|||
} |
|||
|
|||
.blog-page .blog-tag-data li i { |
|||
color: #78cff8; |
|||
} |
|||
|
|||
.blog-page .blog-tag-data li a { |
|||
padding: 0; |
|||
color: #555; |
|||
margin-right: 8px; |
|||
} |
|||
|
|||
.blog-page .blog-tag-data { |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.blog-page .blog-tag-data ul.blog-tags a { |
|||
background: #eee; |
|||
padding: 1px 4px; |
|||
margin: 0 4px 4px 0; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.blog-page .blog-tag-data ul.blog-tags a:hover { |
|||
background: #ddd; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.blog-page .blog-tag-data .blog-tag-data-inner { |
|||
text-align: right; |
|||
} |
|||
|
|||
.blog-page .blog-tag-data img { |
|||
margin-bottom: 12px; |
|||
} |
|||
|
|||
.blog-page .blog-article { |
|||
padding-bottom: 20px; |
|||
} |
|||
|
|||
.blog-page .blog-article h2 { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
/*--Block Sidebar--*/ |
|||
.blog-sidebar h2 { |
|||
font-size: 38.5px; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
/*Twitter block*/ |
|||
.blog-twitter-block { |
|||
padding: 5px; |
|||
position: relative; |
|||
margin-bottom: 10px; |
|||
border-right: solid 2px #ddd; |
|||
} |
|||
|
|||
.blog-twitter-block:hover { |
|||
background: #fafafa; |
|||
border-color: #35aa47; |
|||
} |
|||
|
|||
.blog-twitter-block a { |
|||
color: #4d90fe; |
|||
} |
|||
|
|||
.blog-twitter-block p { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.blog-twitter-block span { |
|||
color: #555; |
|||
display: block; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.blog-twitter-block i.blog-twiiter-icon { |
|||
color: #eee; |
|||
right: 10px; |
|||
bottom: 10px; |
|||
font-size: 30px; |
|||
position: absolute; |
|||
} |
|||
|
|||
/*** |
|||
Blog & News Item Page |
|||
***/ |
|||
/*--Media Object--*/ |
|||
.blog-page .media img { |
|||
height: 54px; |
|||
position: relative; |
|||
top: 3px; |
|||
width: 54px; |
|||
} |
|||
|
|||
.blog-page h4.media-heading { |
|||
position: relative; |
|||
} |
|||
|
|||
.blog-page h4.media-heading span { |
|||
color: #777777; |
|||
font-size: 12px; |
|||
position: absolute; |
|||
right: 0; |
|||
top: 3px; |
|||
} |
|||
|
|||
.blog-page h4.media-heading span a { |
|||
color: #78cff8; |
|||
} |
|||
|
|||
/*Post Comment*/ |
|||
.blog-page .post-comment .color-red { |
|||
color: #f00; |
|||
} |
|||
|
|||
/*For Responsive*/ |
|||
@media (max-width: 768px) { |
|||
.blog-page .blog-tag-data .blog-tag-data-inner { |
|||
text-align: left; |
|||
} |
|||
} |
|||
@ -0,0 +1,287 @@ |
|||
/*** |
|||
Blue theme |
|||
***/ |
|||
/*** |
|||
Reset and overrides |
|||
***/ |
|||
body { |
|||
background-color: #1570a6 !important; |
|||
} |
|||
/*** |
|||
Page header |
|||
***/ |
|||
.header .navbar-inner { |
|||
filter: none !important; |
|||
background-image: none !important; |
|||
background-color: #0f4e74 !important; |
|||
} |
|||
.header .btn-navbar { |
|||
background-color: #0f4e74 !important; |
|||
} |
|||
.header .nav .dropdown-toggle:hover, |
|||
.header .nav .dropdown.open .dropdown-toggle { |
|||
background-color: #146a9d !important; |
|||
} |
|||
.header .nav li.dropdown .dropdown-toggle i { |
|||
color: #68bbec !important; |
|||
} |
|||
/*** |
|||
Page sidebar |
|||
***/ |
|||
.page-sidebar { |
|||
background-color: #1570a6; |
|||
} |
|||
ul.page-sidebar-menu > li > a { |
|||
border-top: 1px solid #1c95dc !important; |
|||
color: #ffffff !important; |
|||
} |
|||
ul.page-sidebar-menu > li:last-child > a { |
|||
border-bottom: 1px solid transparent !important; |
|||
} |
|||
ul.page-sidebar-menu > li a i { |
|||
color: #7fc5ef; |
|||
} |
|||
ul.page-sidebar-menu > li.open > a, |
|||
ul.page-sidebar-menu > li > a:hover, |
|||
ul.page-sidebar-menu > li:hover > a { |
|||
background: #12618f; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a { |
|||
background: #cc1d1d !important; |
|||
border-top-color: transparent !important; |
|||
color: #ffffff; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a i { |
|||
color: #ffffff; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a { |
|||
border-top: 0px !important; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a, |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { |
|||
color: #ffffff !important; |
|||
background: #1b8fd3 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { |
|||
background: #1b8fd3 !important; |
|||
} |
|||
/* 3rd level sub menu */ |
|||
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a, |
|||
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover, |
|||
ul.page-sidebar-menu > li > ul.sub-menu li.open > a { |
|||
color: #ffffff !important; |
|||
background: #1b8fd3 !important; |
|||
} |
|||
/* font color for all sub menu links*/ |
|||
ul.page-sidebar-menu li > ul.sub-menu > li > a { |
|||
color: #c3e4f7; |
|||
} |
|||
/* menu arrows */ |
|||
ul.page-sidebar-menu > li > a .arrow:before, |
|||
ul.page-sidebar-menu > li > a .arrow.open:before { |
|||
color: #51b1e9 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, |
|||
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before { |
|||
color: #3ba6e6 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > a > .arrow.open:before { |
|||
color: #68bbec !important; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a .arrow:before, |
|||
ul.page-sidebar-menu > li.active > a .arrow.open:before { |
|||
color: #ffffff !important; |
|||
} |
|||
/* sidebar search */ |
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #0f5179 !important; |
|||
color: #51b1e9; |
|||
} |
|||
.page-sidebar .sidebar-search input::-webkit-input-placeholder { |
|||
color: #51b1e9 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input:-moz-placeholder { |
|||
color: #51b1e9 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input:-ms-input-placeholder { |
|||
color: #51b1e9 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #1570a6 !important; |
|||
color: #bfbfbf !important; |
|||
} |
|||
.page-sidebar .sidebar-search .input-box { |
|||
border-bottom: 1px solid #51b1e9 !important; |
|||
} |
|||
.page-sidebar .sidebar-search .submit { |
|||
background-image: url(../../img/search-icon-blue.png); |
|||
} |
|||
/*** |
|||
Sidebar toggler |
|||
***/ |
|||
.sidebar-toggler { |
|||
background-image: url(../../img/sidebar-toggler-blue.jpg); |
|||
background-color: #0f5179; |
|||
} |
|||
/* search box bg color on expanded */ |
|||
.page-sidebar-closed .page-sidebar .sidebar-search.open { |
|||
background-color: #1570a6 !important; |
|||
} |
|||
.page-sidebar-closed .page-sidebar .sidebar-search.open .remove { |
|||
background-image: url("../../img/sidebar-search-close-blue.png"); |
|||
} |
|||
/* sub menu bg color on hover menu item */ |
|||
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu { |
|||
background-color: #1570a6; |
|||
} |
|||
/*** |
|||
Horizontal Menu(new in v1.2) |
|||
***/ |
|||
/*search*/ |
|||
.header .hor-menu .hor-menu-search-form-toggler.hide { |
|||
background: #000000 url(../../img/hor-menu-search-close.png) no-repeat center; |
|||
} |
|||
.header .hor-menu .search-form { |
|||
background: #000000; |
|||
} |
|||
.header .hor-menu .search-form .btn { |
|||
color: #f0f8fd; |
|||
background: #04141e url(../../img/search-icon.png) no-repeat center; |
|||
} |
|||
.header .hor-menu .search-form form input { |
|||
color: #f0f8fd; |
|||
} |
|||
.header .hor-menu .search-form form input::-webkit-input-placeholder { |
|||
/* WebKit browsers */ |
|||
|
|||
color: #f0f8fd; |
|||
} |
|||
.header .hor-menu .search-form form input:-moz-placeholder { |
|||
/* Mozilla Firefox 4 to 18 */ |
|||
|
|||
color: #f0f8fd; |
|||
} |
|||
.header .hor-menu .search-form form input::-moz-placeholder { |
|||
/* Mozilla Firefox 19+ */ |
|||
|
|||
color: #f0f8fd; |
|||
} |
|||
.header .hor-menu .search-form form input:-ms-input-placeholder { |
|||
/* Internet Explorer 10+ */ |
|||
|
|||
color: #f0f8fd; |
|||
} |
|||
/*** |
|||
Footer |
|||
***/ |
|||
.footer .footer-inner { |
|||
color: #68bbec; |
|||
} |
|||
.footer .footer-tools .go-top { |
|||
background-color: #1985c6; |
|||
} |
|||
.footer .footer-tools .go-top:hover { |
|||
opacity: 0.7; |
|||
filter: alpha(opacity=70); |
|||
} |
|||
.footer .footer-tools .go-top i { |
|||
color: #68bbec; |
|||
} |
|||
/*** |
|||
Footer Layouts (new in v1.3) |
|||
***/ |
|||
/* begin:fixed footer */ |
|||
.page-footer-fixed .footer { |
|||
background-color: #0f5179; |
|||
} |
|||
.page-footer-fixed .footer .footer-inner { |
|||
color: #68bbec; |
|||
} |
|||
.page-footer-fixed .footer .footer-tools .go-top { |
|||
background-color: #1985c6; |
|||
} |
|||
.page-footer-fixed .footer .footer-tools .go-top i { |
|||
color: #68bbec; |
|||
} |
|||
/* end:fixed footer */ |
|||
/*** |
|||
Gritter Notifications |
|||
***/ |
|||
.gritter-top { |
|||
background: url(../../plugins/gritter/images/gritter-blue.png) no-repeat left -30px !important; |
|||
} |
|||
.gritter-bottom { |
|||
background: url(../../plugins/gritter/images/gritter-blue.png) no-repeat left bottom !important; |
|||
} |
|||
.gritter-item { |
|||
display: block; |
|||
background: url(../../plugins/gritter/images/gritter-blue.png) no-repeat left -40px !important; |
|||
} |
|||
.gritter-close { |
|||
background: url(../../plugins/gritter/images/gritter-blue.png) no-repeat left top !important; |
|||
} |
|||
.gritter-title { |
|||
text-shadow: none !important; |
|||
/* Not supported by IE :( */ |
|||
|
|||
} |
|||
/* for the light (white) version of the gritter notice */ |
|||
.gritter-light .gritter-item, |
|||
.gritter-light .gritter-bottom, |
|||
.gritter-light .gritter-top, |
|||
.gritter-light .gritter-close { |
|||
background-image: url(../../plugins/gritter/images/gritter-light.png) !important; |
|||
} |
|||
.gritter-item-wrapper a { |
|||
color: #18a5ed; |
|||
} |
|||
.gritter-item-wrapper a:hover { |
|||
color: #0b6694; |
|||
} |
|||
/* begin: boxed page */ |
|||
@media (min-width: 980px) { |
|||
.page-boxed { |
|||
background-color: #125e8b !important; |
|||
} |
|||
.page-boxed .page-container { |
|||
background-color: #1570a6; |
|||
border-left: 1px solid #1c98e1; |
|||
border-bottom: 1px solid #1c98e1; |
|||
} |
|||
.page-boxed.page-sidebar-fixed .page-container { |
|||
border-left: 0; |
|||
border-bottom: 0; |
|||
} |
|||
.page-boxed.page-sidebar-fixed .page-sidebar { |
|||
border-left: 1px solid #1c98e1; |
|||
} |
|||
.page-boxed.page-sidebar-fixed.page-footer-fixed .footer { |
|||
background-color: #125e8b !important; |
|||
} |
|||
} |
|||
/* end: boxed page */ |
|||
/*** |
|||
Landscape phone to portrait tablet |
|||
***/ |
|||
@media (max-width: 979px) { |
|||
/*** |
|||
page sidebar |
|||
***/ |
|||
.page-sidebar { |
|||
background-color: #105882 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > a { |
|||
border-top: 1px solid #187fbd !important; |
|||
} |
|||
ul.page-sidebar-menu > li:last-child > a { |
|||
border-bottom: 0 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #105882 !important; |
|||
} |
|||
ul.page-sidebar-menu > li.open > a, |
|||
ul.page-sidebar-menu > li > a:hover, |
|||
ul.page-sidebar-menu > li:hover > a { |
|||
background: #0e4b70; |
|||
} |
|||
} |
|||
@ -0,0 +1,116 @@ |
|||
.btn-file { |
|||
position: relative; |
|||
overflow: hidden; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.btn-file > input { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
margin: 0; |
|||
font-size: 23px; |
|||
cursor: pointer; |
|||
opacity: 0; |
|||
filter: alpha(opacity=0); |
|||
transform: translate(-300px, 0) scale(4); |
|||
direction: ltr; |
|||
} |
|||
|
|||
.fileupload { |
|||
margin-bottom: 9px; |
|||
} |
|||
|
|||
.fileupload .uneditable-input { |
|||
display: inline-block; |
|||
margin-bottom: 0; |
|||
vertical-align: middle; |
|||
cursor: text; |
|||
} |
|||
|
|||
.fileupload .thumbnail { |
|||
display: inline-block; |
|||
margin-bottom: 5px; |
|||
overflow: hidden; |
|||
text-align: center; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.fileupload .thumbnail > img { |
|||
display: inline-block; |
|||
max-height: 100%; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.fileupload .btn { |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.fileupload-exists .fileupload-new, |
|||
.fileupload-new .fileupload-exists { |
|||
display: none; |
|||
} |
|||
|
|||
.fileupload-inline .fileupload-controls { |
|||
display: inline; |
|||
} |
|||
|
|||
.fileupload-new .input-append .btn-file { |
|||
-webkit-border-radius: 0 3px 3px 0; |
|||
-moz-border-radius: 0 3px 3px 0; |
|||
border-radius: 0 3px 3px 0; |
|||
} |
|||
|
|||
.thumbnail-borderless .thumbnail { |
|||
padding: 0; |
|||
border: none; |
|||
-webkit-border-radius: 0; |
|||
-moz-border-radius: 0; |
|||
border-radius: 0; |
|||
-webkit-box-shadow: none; |
|||
-moz-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.fileupload-new.thumbnail-borderless .thumbnail { |
|||
border: 1px solid #ddd; |
|||
} |
|||
|
|||
.control-group.warning .fileupload .uneditable-input { |
|||
color: #a47e3c; |
|||
border-color: #a47e3c; |
|||
} |
|||
|
|||
.control-group.warning .fileupload .fileupload-preview { |
|||
color: #a47e3c; |
|||
} |
|||
|
|||
.control-group.warning .fileupload .thumbnail { |
|||
border-color: #a47e3c; |
|||
} |
|||
|
|||
.control-group.error .fileupload .uneditable-input { |
|||
color: #b94a48; |
|||
border-color: #b94a48; |
|||
} |
|||
|
|||
.control-group.error .fileupload .fileupload-preview { |
|||
color: #b94a48; |
|||
} |
|||
|
|||
.control-group.error .fileupload .thumbnail { |
|||
border-color: #b94a48; |
|||
} |
|||
|
|||
.control-group.success .fileupload .uneditable-input { |
|||
color: #468847; |
|||
border-color: #468847; |
|||
} |
|||
|
|||
.control-group.success .fileupload .fileupload-preview { |
|||
color: #468847; |
|||
} |
|||
|
|||
.control-group.success .fileupload .thumbnail { |
|||
border-color: #468847; |
|||
} |
|||
@ -0,0 +1,215 @@ |
|||
/*! |
|||
* Bootstrap Modal |
|||
* |
|||
* Copyright Jordan Schroter |
|||
* Licensed under the Apache License v2.0 |
|||
* http://www.apache.org/licenses/LICENSE-2.0 |
|||
* |
|||
*/ |
|||
|
|||
.modal-open { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
|
|||
/* add a scroll bar to stop page from jerking around */ |
|||
.modal-open.page-overflow .page-container, |
|||
.modal-open.page-overflow .page-container .navbar-fixed-top, |
|||
.modal-open.page-overflow .page-container .navbar-fixed-bottom, |
|||
.modal-open.page-overflow .modal-scrollable { |
|||
overflow-y: scroll; |
|||
} |
|||
|
|||
@media (max-width: 979px) { |
|||
.modal-open.page-overflow .page-container .navbar-fixed-top, |
|||
.modal-open.page-overflow .page-container .navbar-fixed-bottom { |
|||
overflow-y: visible; |
|||
} |
|||
} |
|||
|
|||
|
|||
.modal-scrollable { |
|||
position: fixed; |
|||
top: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
right: 0; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.modal { |
|||
outline: none; |
|||
position: absolute; |
|||
margin-top: 0; |
|||
top: 50%; |
|||
display:none; |
|||
overflow: visible; /* allow content to popup out (i.e tooltips) */ |
|||
} |
|||
|
|||
.modal.fade { |
|||
top: -100%; |
|||
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; |
|||
-moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; |
|||
-o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; |
|||
transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; |
|||
} |
|||
|
|||
.modal.fade.in { |
|||
top: 30%; |
|||
} |
|||
|
|||
.modal-body { |
|||
max-height: none; |
|||
overflow: visible; |
|||
} |
|||
|
|||
.modal.modal-absolute { |
|||
position: absolute; |
|||
z-index: 950; |
|||
} |
|||
|
|||
.modal .loading-mask { |
|||
position: absolute; |
|||
top: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
right: 0; |
|||
background: #fff; |
|||
border-radius: 6px; |
|||
} |
|||
|
|||
.modal-backdrop.modal-absolute{ |
|||
position: absolute; |
|||
z-index: 940; |
|||
} |
|||
|
|||
.modal-backdrop, |
|||
.modal-backdrop.fade.in{ |
|||
opacity: 0.7; |
|||
filter: alpha(opacity=70); |
|||
background: #fff; |
|||
} |
|||
|
|||
.modal.container { |
|||
width: 940px; |
|||
margin-left: -470px; |
|||
} |
|||
|
|||
/* Modal Overflow */ |
|||
|
|||
.modal-overflow.modal { |
|||
top: 1%; |
|||
} |
|||
|
|||
.modal-overflow.modal.fade { |
|||
top: -100%; |
|||
} |
|||
|
|||
.modal-overflow.modal.fade.in { |
|||
top: 1%; |
|||
} |
|||
|
|||
.modal-overflow .modal-body { |
|||
overflow: auto; |
|||
-webkit-overflow-scrolling: touch; |
|||
} |
|||
|
|||
/* Responsive */ |
|||
|
|||
@media (min-width: 1200px) { |
|||
.modal.container { |
|||
width: 1170px; |
|||
margin-left: -585px; |
|||
} |
|||
} |
|||
|
|||
@media (max-width: 979px) { |
|||
.modal, |
|||
.modal.container, |
|||
.modal.modal-overflow { |
|||
top: 1%; |
|||
right: 1%; |
|||
left: 1%; |
|||
bottom: auto; |
|||
width: auto !important; |
|||
height: auto !important; |
|||
margin: 0 !important; |
|||
padding: 0 !important; |
|||
} |
|||
|
|||
.modal.fade.in, |
|||
.modal.container.fade.in, |
|||
.modal.modal-overflow.fade.in { |
|||
top: 1%; |
|||
bottom: auto; |
|||
} |
|||
|
|||
.modal-body, |
|||
.modal-overflow .modal-body { |
|||
position: static; |
|||
margin: 0; |
|||
height: auto !important; |
|||
max-height: none !important; |
|||
overflow: visible !important; |
|||
} |
|||
|
|||
.modal-footer, |
|||
.modal-overflow .modal-footer { |
|||
position: static; |
|||
} |
|||
} |
|||
|
|||
.loading-spinner { |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
margin: -12px 0 0 -12px; |
|||
} |
|||
|
|||
/* |
|||
Animate.css - http://daneden.me/animate |
|||
Licensed under the 鈽�license (http://licence.visualidiot.com/) |
|||
|
|||
Copyright (c) 2012 Dan Eden*/ |
|||
|
|||
.animated { |
|||
-webkit-animation-duration: 1s; |
|||
-moz-animation-duration: 1s; |
|||
-o-animation-duration: 1s; |
|||
animation-duration: 1s; |
|||
-webkit-animation-fill-mode: both; |
|||
-moz-animation-fill-mode: both; |
|||
-o-animation-fill-mode: both; |
|||
animation-fill-mode: both; |
|||
} |
|||
|
|||
@-webkit-keyframes shake { |
|||
0%, 100% {-webkit-transform: translateX(0);} |
|||
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} |
|||
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} |
|||
} |
|||
|
|||
@-moz-keyframes shake { |
|||
0%, 100% {-moz-transform: translateX(0);} |
|||
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} |
|||
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} |
|||
} |
|||
|
|||
@-o-keyframes shake { |
|||
0%, 100% {-o-transform: translateX(0);} |
|||
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} |
|||
20%, 40%, 60%, 80% {-o-transform: translateX(10px);} |
|||
} |
|||
|
|||
@keyframes shake { |
|||
0%, 100% {transform: translateX(0);} |
|||
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} |
|||
20%, 40%, 60%, 80% {transform: translateX(10px);} |
|||
} |
|||
|
|||
.shake { |
|||
-webkit-animation-name: shake; |
|||
-moz-animation-name: shake; |
|||
-o-animation-name: shake; |
|||
animation-name: shake; |
|||
} |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,94 @@ |
|||
.tags { |
|||
display: inline-block; |
|||
padding: 4px 6px; |
|||
margin-bottom: 10px; |
|||
color: #555555; |
|||
vertical-align: middle; |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
background-color: #ffffff; |
|||
border: 1px solid #cccccc; |
|||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|||
-webkit-transition: border linear .2s, box-shadow linear .2s; |
|||
-moz-transition: border linear .2s, box-shadow linear .2s; |
|||
-o-transition: border linear .2s, box-shadow linear .2s; |
|||
transition: border linear .2s, box-shadow linear .2s; |
|||
width: 206px; |
|||
} |
|||
.tags-hover { |
|||
border-color: rgba(82, 168, 236, 0.8); |
|||
outline: 0; |
|||
outline: thin dotted \9; |
|||
/* IE6-9 */ |
|||
|
|||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); |
|||
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); |
|||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); |
|||
} |
|||
.tags[class*="span"] { |
|||
float: none; |
|||
margin-left: 0; |
|||
} |
|||
.tags input[type="text"], |
|||
.tags input[type="text"]:focus { |
|||
border: none; |
|||
display: inline; |
|||
outline: 0; |
|||
margin: 0; |
|||
padding: 0; |
|||
font-size: 11.844px; |
|||
line-height: 14px; |
|||
-webkit-box-shadow: none; |
|||
-moz-box-shadow: none; |
|||
box-shadow: none; |
|||
width: 100%; |
|||
} |
|||
.tag { |
|||
display: inline-block; |
|||
padding: 2px 4px; |
|||
font-size: 11.844px; |
|||
font-weight: bold; |
|||
line-height: 14px; |
|||
color: #ffffff; |
|||
vertical-align: baseline; |
|||
white-space: nowrap; |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|||
background-color: #999999; |
|||
padding-left: 9px; |
|||
padding-right: 9px; |
|||
-webkit-border-radius: 9px; |
|||
-moz-border-radius: 9px; |
|||
border-radius: 9px; |
|||
margin-bottom: 5px; |
|||
margin-right: 5px; |
|||
-webkit-transition: all 0.2s; |
|||
-moz-transition: all 0.2s; |
|||
-o-transition: all 0.2s; |
|||
transition: all 0.2s; |
|||
} |
|||
.tag:empty { |
|||
display: none; |
|||
} |
|||
.tag-important { |
|||
background-color: #953b39; |
|||
} |
|||
.tag-warning { |
|||
background-color: #c67605; |
|||
} |
|||
.tag-success { |
|||
background-color: #356635; |
|||
} |
|||
.tag-info { |
|||
background-color: #2d6987; |
|||
} |
|||
.tag-inverse { |
|||
background-color: #1a1a1a; |
|||
} |
|||
.tag .close { |
|||
font-size: 14px; |
|||
line-height: 14px; |
|||
margin-left: 7px; |
|||
} |
|||
@ -0,0 +1,155 @@ |
|||
/* line 11, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button { |
|||
display: inline-block; |
|||
cursor: pointer; |
|||
-webkit-border-radius: 5px; |
|||
-moz-border-radius: 5px; |
|||
-ms-border-radius: 5px; |
|||
-o-border-radius: 5px; |
|||
border-radius: 5px; |
|||
border: 1px solid; |
|||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|||
position: relative; |
|||
text-align: left; |
|||
overflow: hidden; |
|||
-webkit-touch-callout: none; |
|||
-webkit-user-select: none; |
|||
-khtml-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
/* line 29, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button.deactivate { |
|||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); |
|||
opacity: 0.5; |
|||
cursor: default !important; |
|||
} |
|||
/* line 32, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button.deactivate label, .toggle-button.deactivate span { |
|||
cursor: default !important; |
|||
} |
|||
/* line 36, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button > div { |
|||
display: inline-block; |
|||
width: 150px; |
|||
position: absolute; |
|||
top: 0; |
|||
} |
|||
/* line 41, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button > div.disabled { |
|||
left: -50%; |
|||
} |
|||
/* line 45, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button input[type=checkbox] { |
|||
display: none; |
|||
} |
|||
/* line 53, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button span, .toggle-button label { |
|||
cursor: pointer; |
|||
position: relative; |
|||
float: left; |
|||
display: inline-block; |
|||
} |
|||
/* line 60, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button label { |
|||
background: #fefefe; |
|||
margin-left: -4px; |
|||
margin-right: -4px; |
|||
border: 1px solid #E6E6E6; |
|||
margin-top: -1px; |
|||
z-index: 100; |
|||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #e6e6e6)); |
|||
background-image: -webkit-linear-gradient(top, #fefefe, #e6e6e6); |
|||
background-image: -moz-linear-gradient(top, #fefefe, #e6e6e6); |
|||
background-image: -o-linear-gradient(top, #fefefe, #e6e6e6); |
|||
background-image: linear-gradient(top, #fefefe, #e6e6e6); |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
-ms-border-radius: 4px; |
|||
-o-border-radius: 4px; |
|||
border-radius: 4px; |
|||
} |
|||
/* line 72, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button span { |
|||
color: #fefefe; |
|||
text-align: center; |
|||
font-weight: bold; |
|||
z-index: 1; |
|||
} |
|||
/* line 78, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button span.labelLeft { |
|||
-moz-border-radius-topleft: 4px; |
|||
-webkit-border-top-left-radius: 4px; |
|||
border-top-left-radius: 4px; |
|||
-moz-border-radius-bottomleft: 4px; |
|||
-webkit-border-bottom-left-radius: 4px; |
|||
border-bottom-left-radius: 4px; |
|||
padding-left: 3px; |
|||
} |
|||
/* line 83, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button span.labelRight { |
|||
-moz-border-radius-topright: 4px; |
|||
-webkit-border-top-right-radius: 4px; |
|||
border-top-right-radius: 4px; |
|||
-moz-border-radius-bottomright: 4px; |
|||
-webkit-border-bottom-right-radius: 4px; |
|||
border-bottom-right-radius: 4px; |
|||
color: black; |
|||
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fefefe), color-stop(100%, #e6e6e6)); |
|||
background-image: -webkit-linear-gradient(bottom, #fefefe, #e6e6e6); |
|||
background-image: -moz-linear-gradient(bottom, #fefefe, #e6e6e6); |
|||
background-image: -o-linear-gradient(bottom, #fefefe, #e6e6e6); |
|||
background-image: linear-gradient(bottom, #fefefe, #e6e6e6); |
|||
padding-right: 3px; |
|||
} |
|||
/* line 91, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button span.primary, .toggle-button span.labelLeft { |
|||
color: #fefefe; |
|||
background: #0088cc; |
|||
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #0088cc), color-stop(100%, #0055cc)); |
|||
background-image: -webkit-linear-gradient(bottom, #0088cc, #0055cc); |
|||
background-image: -moz-linear-gradient(bottom, #0088cc, #0055cc); |
|||
background-image: -o-linear-gradient(bottom, #0088cc, #0055cc); |
|||
background-image: linear-gradient(bottom, #0088cc, #0055cc); |
|||
} |
|||
/* line 96, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button span.info { |
|||
color: #fefefe; |
|||
background: #5bc0de; |
|||
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #5bc0de), color-stop(100%, #2f96b4)); |
|||
background-image: -webkit-linear-gradient(bottom, #5bc0de, #2f96b4); |
|||
background-image: -moz-linear-gradient(bottom, #5bc0de, #2f96b4); |
|||
background-image: -o-linear-gradient(bottom, #5bc0de, #2f96b4); |
|||
background-image: linear-gradient(bottom, #5bc0de, #2f96b4); |
|||
} |
|||
/* line 102, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button span.success { |
|||
color: #fefefe; |
|||
background: #62c462; |
|||
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #62c462), color-stop(100%, #51a351)); |
|||
background-image: -webkit-linear-gradient(bottom, #62c462, #51a351); |
|||
background-image: -moz-linear-gradient(bottom, #62c462, #51a351); |
|||
background-image: -o-linear-gradient(bottom, #62c462, #51a351); |
|||
background-image: linear-gradient(bottom, #62c462, #51a351); |
|||
} |
|||
/* line 108, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button span.warning { |
|||
color: #fefefe; |
|||
background: #dbb450; |
|||
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dbb450), color-stop(100%, #f89406)); |
|||
background-image: -webkit-linear-gradient(bottom, #dbb450, #f89406); |
|||
background-image: -moz-linear-gradient(bottom, #dbb450, #f89406); |
|||
background-image: -o-linear-gradient(bottom, #dbb450, #f89406); |
|||
background-image: linear-gradient(bottom, #dbb450, #f89406); |
|||
} |
|||
/* line 114, ../sass/bootstrap-toggle-buttons.scss */ |
|||
.toggle-button span.danger { |
|||
color: #fefefe; |
|||
background: #ee5f5b; |
|||
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f)); |
|||
background-image: -webkit-linear-gradient(bottom, #ee5f5b, #bd362f); |
|||
background-image: -moz-linear-gradient(bottom, #ee5f5b, #bd362f); |
|||
background-image: -o-linear-gradient(bottom, #ee5f5b, #bd362f); |
|||
background-image: linear-gradient(bottom, #ee5f5b, #bd362f); |
|||
} |
|||
@ -0,0 +1,60 @@ |
|||
/*! |
|||
* Bootstrap Tree v0.3 |
|||
* |
|||
* Copyright 2012 Cutters Crossing |
|||
* Bootstrap is Copyright 2012 Twitter, Inc. |
|||
* Licensed under the Apache License v2.0 |
|||
* http://www.apache.org/licenses/LICENSE-2.0 |
|||
* |
|||
* Designed and built with all the love in the world by @cutterbl. |
|||
*/ |
|||
|
|||
.tree, |
|||
.branch { |
|||
list-style: none outside none; |
|||
} |
|||
.branch { |
|||
postion: relative; |
|||
height: 0; |
|||
margin: 0 0 0 15px; |
|||
overflow: hidden; |
|||
} |
|||
.branch.in { |
|||
height: auto; |
|||
} |
|||
|
|||
a:link, |
|||
a:visited, |
|||
a:hover, |
|||
a:active { |
|||
color: #000; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
a:hover { |
|||
text-decoration: underline; |
|||
cursor: pointer; |
|||
} |
|||
/* Work in progress */ |
|||
a.tree-toggle-icon-only { |
|||
height: 16px; |
|||
width: 20px; |
|||
line-height: 16px; |
|||
vertical-align: middle; |
|||
display: inline-block; |
|||
background: url("../image/bstree-halflings.png") no-repeat; |
|||
background-position: 0 -22px; |
|||
} |
|||
|
|||
a.tree-toggle { |
|||
height: 16px; |
|||
padding-left: 20px; |
|||
line-height: 16px; |
|||
vertical-align: middle; |
|||
display: inline-block; |
|||
background: url("../image/bstree-halflings.png") no-repeat; |
|||
background-position: 0 -22px; |
|||
} |
|||
a.tree-toggle.closed, a.tree-toggle-icon-only.closed { |
|||
background-position: 0 1px; |
|||
} |
|||
@ -0,0 +1,102 @@ |
|||
ul.wysihtml5-toolbar { |
|||
margin: 0; |
|||
padding: 0; |
|||
display: block; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar::after { |
|||
clear: both; |
|||
display: table; |
|||
content: ""; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar > li { |
|||
float: left; |
|||
display: list-item; |
|||
list-style: none; |
|||
margin: 0 5px 10px 0; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] { |
|||
font-style: italic; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active { |
|||
background-image: none; |
|||
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05); |
|||
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05); |
|||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05); |
|||
background-color: #E6E6E6; |
|||
background-color: #D9D9D9; |
|||
outline: 0; |
|||
} |
|||
|
|||
ul.wysihtml5-commands-disabled .dropdown-menu { |
|||
display: none !important; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar div.wysihtml5-colors { |
|||
display:block; |
|||
width: 50px; |
|||
height: 20px; |
|||
margin-top: 2px; |
|||
margin-left: 5px; |
|||
position: absolute; |
|||
pointer-events: none; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar a.wysihtml5-colors-title { |
|||
padding-left: 70px; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] { |
|||
background: black !important; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] { |
|||
background: silver !important; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] { |
|||
background: gray !important; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] { |
|||
background: maroon !important; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] { |
|||
background: red !important; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] { |
|||
background: purple !important; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] { |
|||
background: green !important; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] { |
|||
background: olive !important; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] { |
|||
background: navy !important; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] { |
|||
background: blue !important; |
|||
} |
|||
|
|||
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] { |
|||
background: orange !important; |
|||
} |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,287 @@ |
|||
/*** |
|||
Brown theme |
|||
***/ |
|||
/*** |
|||
Reset and overrides |
|||
***/ |
|||
body { |
|||
background-color: #623f18 !important; |
|||
} |
|||
/*** |
|||
Page header |
|||
***/ |
|||
.header .navbar-inner { |
|||
filter: none !important; |
|||
background-image: none !important; |
|||
background-color: #35220d !important; |
|||
} |
|||
.header .btn-navbar { |
|||
background-color: #35220d !important; |
|||
} |
|||
.header .nav .dropdown-toggle:hover, |
|||
.header .nav .dropdown.open .dropdown-toggle { |
|||
background-color: #5a3a16 !important; |
|||
} |
|||
.header .nav li.dropdown .dropdown-toggle i { |
|||
color: #d18d42 !important; |
|||
} |
|||
/*** |
|||
Page sidebar |
|||
***/ |
|||
.page-sidebar { |
|||
background-color: #623f18; |
|||
} |
|||
ul.page-sidebar-menu > li > a { |
|||
border-top: 1px solid #935f24 !important; |
|||
color: #ffffff !important; |
|||
} |
|||
ul.page-sidebar-menu > li:last-child > a { |
|||
border-bottom: 1px solid transparent !important; |
|||
} |
|||
ul.page-sidebar-menu > li a i { |
|||
color: #9a6d3a; |
|||
} |
|||
ul.page-sidebar-menu > li.open > a, |
|||
ul.page-sidebar-menu > li > a:hover, |
|||
ul.page-sidebar-menu > li:hover > a { |
|||
background: #4e3112; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a { |
|||
background: #4e3112 !important; |
|||
border-top-color: transparent !important; |
|||
color: #ffffff; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a i { |
|||
color: #ffffff; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a { |
|||
border-top: 0px !important; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a, |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { |
|||
color: #ffffff !important; |
|||
background: #8b5922 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { |
|||
background: #8b5922 !important; |
|||
} |
|||
/* 3rd level sub menu */ |
|||
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a, |
|||
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover, |
|||
ul.page-sidebar-menu > li > ul.sub-menu li.open > a { |
|||
color: #ffffff !important; |
|||
background: #8b5922 !important; |
|||
} |
|||
/* font color for all sub menu links*/ |
|||
ul.page-sidebar-menu li > ul.sub-menu > li > a { |
|||
color: #e5bf94; |
|||
} |
|||
/* menu arrows */ |
|||
ul.page-sidebar-menu > li > a .arrow:before, |
|||
ul.page-sidebar-menu > li > a .arrow.open:before { |
|||
color: #c88131 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, |
|||
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before { |
|||
color: #b4742c !important; |
|||
} |
|||
ul.page-sidebar-menu > li > a > .arrow.open:before { |
|||
color: #d18d42 !important; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a .arrow:before, |
|||
ul.page-sidebar-menu > li.active > a .arrow.open:before { |
|||
color: #ffffff !important; |
|||
} |
|||
/* sidebar search */ |
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #39250e !important; |
|||
color: #b18d65; |
|||
} |
|||
.page-sidebar .sidebar-search input::-webkit-input-placeholder { |
|||
color: #b18d65 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input:-moz-placeholder { |
|||
color: #b18d65 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input:-ms-input-placeholder { |
|||
color: #b18d65 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #623f18 !important; |
|||
color: #b18d65 !important; |
|||
} |
|||
.page-sidebar .sidebar-search .input-box { |
|||
border-bottom: 1px solid #845f36 !important; |
|||
} |
|||
.page-sidebar .sidebar-search .submit { |
|||
background-image: url(../../img/search-icon-brown.png); |
|||
} |
|||
/*** |
|||
Sidebar toggler |
|||
***/ |
|||
.sidebar-toggler { |
|||
background-image: url(../../img/sidebar-toggler-brown.jpg); |
|||
background-color: #39250e; |
|||
} |
|||
/* search box bg color on expanded */ |
|||
.page-sidebar-closed .page-sidebar .sidebar-search.open { |
|||
background-color: #623f18 !important; |
|||
} |
|||
.page-sidebar-closed .page-sidebar .sidebar-search.open .remove { |
|||
background-image: url("../../img/sidebar-search-close-brown.png"); |
|||
} |
|||
/* sub menu bg color on hover menu item */ |
|||
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu { |
|||
background-color: #623f18; |
|||
} |
|||
/*** |
|||
Horizontal Menu(new in v1.2) |
|||
***/ |
|||
/*search*/ |
|||
.header .hor-menu .hor-menu-search-form-toggler.hide { |
|||
background: #000000 url(../../img/hor-menu-search-close.png) no-repeat center; |
|||
} |
|||
.header .hor-menu .search-form { |
|||
background: #000000; |
|||
} |
|||
.header .hor-menu .search-form .btn { |
|||
color: #efd7bd; |
|||
background: #000000 url(../../img/search-icon.png) no-repeat center; |
|||
} |
|||
.header .hor-menu .search-form form input { |
|||
color: #efd7bd; |
|||
} |
|||
.header .hor-menu .search-form form input::-webkit-input-placeholder { |
|||
/* WebKit browsers */ |
|||
|
|||
color: #efd7bd; |
|||
} |
|||
.header .hor-menu .search-form form input:-moz-placeholder { |
|||
/* Mozilla Firefox 4 to 18 */ |
|||
|
|||
color: #efd7bd; |
|||
} |
|||
.header .hor-menu .search-form form input::-moz-placeholder { |
|||
/* Mozilla Firefox 19+ */ |
|||
|
|||
color: #efd7bd; |
|||
} |
|||
.header .hor-menu .search-form form input:-ms-input-placeholder { |
|||
/* Internet Explorer 10+ */ |
|||
|
|||
color: #efd7bd; |
|||
} |
|||
/*** |
|||
Footer |
|||
***/ |
|||
.footer .footer-inner { |
|||
color: #999999; |
|||
} |
|||
.footer .footer-tools .go-top { |
|||
background-color: #7f511f; |
|||
} |
|||
.footer .footer-tools .go-top:hover { |
|||
opacity: 0.7; |
|||
filter: alpha(opacity=70); |
|||
} |
|||
.footer .footer-tools .go-top i { |
|||
color: #d18d42; |
|||
} |
|||
/*** |
|||
Footer Layouts (new in v1.3) |
|||
***/ |
|||
/* begin:fixed footer */ |
|||
.page-footer-fixed .footer { |
|||
background-color: #39250e; |
|||
} |
|||
.page-footer-fixed .footer .footer-inner { |
|||
color: #999999; |
|||
} |
|||
.page-footer-fixed .footer .footer-tools .go-top { |
|||
background-color: #7f511f; |
|||
} |
|||
.page-footer-fixed .footer .footer-tools .go-top i { |
|||
color: #d18d42; |
|||
} |
|||
/* end:fixed footer */ |
|||
/*** |
|||
Gritter Notifications |
|||
***/ |
|||
.gritter-top { |
|||
background: url(../../plugins/gritter/images/gritter-brown.png) no-repeat left -30px !important; |
|||
} |
|||
.gritter-bottom { |
|||
background: url(../../plugins/gritter/images/gritter-brown.png) no-repeat left bottom !important; |
|||
} |
|||
.gritter-item { |
|||
display: block; |
|||
background: url(../../plugins/gritter/images/gritter-brown.png) no-repeat left -40px !important; |
|||
} |
|||
.gritter-close { |
|||
background: url(../../plugins/gritter/images/gritter-brown.png) no-repeat left top !important; |
|||
} |
|||
.gritter-title { |
|||
text-shadow: none !important; |
|||
/* Not supported by IE :( */ |
|||
|
|||
} |
|||
/* for the light (white) version of the gritter notice */ |
|||
.gritter-light .gritter-item, |
|||
.gritter-light .gritter-bottom, |
|||
.gritter-light .gritter-top, |
|||
.gritter-light .gritter-close { |
|||
background-image: url(../../plugins/gritter/images/gritter-light.png) !important; |
|||
} |
|||
.gritter-item-wrapper a { |
|||
color: #b18d65; |
|||
} |
|||
.gritter-item-wrapper a:hover { |
|||
color: #755a3b; |
|||
} |
|||
/* begin: boxed page */ |
|||
@media (min-width: 980px) { |
|||
.page-boxed { |
|||
background-color: #492f12 !important; |
|||
} |
|||
.page-boxed .page-container { |
|||
background-color: #623f18; |
|||
border-left: 1px solid #976125; |
|||
border-bottom: 1px solid #976125; |
|||
} |
|||
.page-boxed.page-sidebar-fixed .page-container { |
|||
border-left: 0; |
|||
border-bottom: 0; |
|||
} |
|||
.page-boxed.page-sidebar-fixed .page-sidebar { |
|||
border-left: 1px solid #976125; |
|||
} |
|||
.page-boxed.page-sidebar-fixed.page-footer-fixed .footer { |
|||
background-color: #492f12 !important; |
|||
} |
|||
} |
|||
/* end: boxed page */ |
|||
/*** |
|||
Landscape phone to portrait tablet |
|||
***/ |
|||
@media (max-width: 979px) { |
|||
/*** |
|||
page sidebar |
|||
***/ |
|||
.page-sidebar { |
|||
background-color: #412a10 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > a { |
|||
border-top: 1px solid #764c1d !important; |
|||
} |
|||
ul.page-sidebar-menu > li:last-child > a { |
|||
border-bottom: 0 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #412a10 !important; |
|||
} |
|||
ul.page-sidebar-menu > li.open > a, |
|||
ul.page-sidebar-menu > li > a:hover, |
|||
ul.page-sidebar-menu > li:hover > a { |
|||
background: #311f0c; |
|||
} |
|||
} |
|||
@ -0,0 +1,429 @@ |
|||
/* |
|||
* |
|||
* Chosen for Bootstrap and Less |
|||
* |
|||
* Converted by @whitetruffle (http://www.twitter.com/whitetruffle) |
|||
* from @joeylomanto's SASS fork (http://chosen-sass-bootstrap.herokuapp.com/) |
|||
* Havest: @harvest |
|||
* |
|||
*/ |
|||
/*! |
|||
* Bootstrap v2.1.1 |
|||
* |
|||
* Copyright 2012 Twitter, Inc |
|||
* Licensed under the Apache License v2.0 |
|||
* http://www.apache.org/licenses/LICENSE-2.0 |
|||
* |
|||
* Designed and built with all the love in the world @twitter by @mdo and @fat. |
|||
*/ |
|||
|
|||
.chzn-container { |
|||
position: relative; |
|||
display: inline-block; |
|||
zoom: 1; |
|||
*display: inline; |
|||
} |
|||
.chzn-container .chzn-drop { |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); |
|||
-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); |
|||
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); |
|||
background: #fff; |
|||
border: 1px solid #CCC; |
|||
position: absolute; |
|||
top: 29px; |
|||
left: 0; |
|||
z-index: 1010; |
|||
margin: 4px 0 0; |
|||
} |
|||
|
|||
.chzn-container-single .chzn-single { |
|||
margin-top: 3px; |
|||
-webkit-border-radius: 3px; |
|||
-moz-border-radius: 3px; |
|||
border-radius: 3px; |
|||
-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1); |
|||
-moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1); |
|||
box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1); |
|||
-webkit-background-clip: padding-box; |
|||
-moz-background-clip: padding-box; |
|||
background-clip: padding-box; |
|||
background-color: #f6f6f6; |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(50%, #f6f6f6), to(#f4f4f4)); |
|||
background-image: -webkit-linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4); |
|||
background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6 50%, #f4f4f4); |
|||
background-image: -o-linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4); |
|||
background-image: linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4); |
|||
background-repeat: no-repeat; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0); |
|||
-moz-background-clip: padding; |
|||
background-color: #ffffff; |
|||
border: 1px solid #CCC; |
|||
display: block; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
position: relative; |
|||
height: 28px; |
|||
line-height: 29px; |
|||
padding: 0 0 0 8px; |
|||
color: #555555; |
|||
text-decoration: none; |
|||
} |
|||
.chzn-container-single .chzn-single span { |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
margin-right: 26px; |
|||
display: block; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
} |
|||
.chzn-container-single .chzn-single abbr { |
|||
display: block; |
|||
position: absolute; |
|||
right: 26px; |
|||
top: 8px; |
|||
width: 12px; |
|||
height: 13px; |
|||
font-size: 1px; |
|||
background: url("../image/chosen-sprite.png") right top no-repeat; |
|||
} |
|||
.chzn-container-single .chzn-single abbr:hover { |
|||
background-position: right -11px; |
|||
} |
|||
.chzn-container-single .chzn-single div { |
|||
position: absolute; |
|||
right: 0; |
|||
top: 0; |
|||
display: block; |
|||
height: 100%; |
|||
width: 18px; |
|||
} |
|||
.chzn-container-single .chzn-single div b { |
|||
background: url("../image/chosen-sprite.png") no-repeat 0 2px; |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.chzn-container-single .chzn-search { |
|||
padding: 3px 4px; |
|||
position: relative; |
|||
margin: 0; |
|||
white-space: nowrap; |
|||
z-index: 1010; |
|||
} |
|||
.chzn-container-single .chzn-search input { |
|||
margin: 1px 0; |
|||
padding: 4px 20px 4px 5px; |
|||
outline: 0; |
|||
} |
|||
.chzn-container-single .chzn-default { |
|||
color: #999; |
|||
} |
|||
.chzn-container-single .chzn-drop { |
|||
-webkit-border-radius: 3px; |
|||
-moz-border-radius: 3px; |
|||
border-radius: 3px; |
|||
-webkit-background-clip: padding-box; |
|||
-moz-background-clip: padding-box; |
|||
background-clip: padding-box; |
|||
-moz-background-clip: padding; |
|||
} |
|||
.chzn-container-single.chzn-disabled .chzn-single abbr:hover { |
|||
background-position: right top; |
|||
} |
|||
.chzn-container-single-nosearch .chzn-search input { |
|||
position: absolute; |
|||
left: -9000px; |
|||
} |
|||
.chzn-container-multi .chzn-choices { |
|||
-webkit-border-radius: 3px; |
|||
-moz-border-radius: 3px; |
|||
border-radius: 3px; |
|||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|||
-webkit-transition: border linear 0.2s; |
|||
-moz-transition: border linear 0.2s; |
|||
-o-transition: border linear 0.2s; |
|||
transition: border linear 0.2s; |
|||
-webkit-transition: box-shadow linear 0.2s; |
|||
-moz-transition: box-shadow linear 0.2s; |
|||
-o-transition: box-shadow linear 0.2s; |
|||
transition: box-shadow linear 0.2s; |
|||
background-color: #ffffff !important; |
|||
border: 1px solid #cccccc; |
|||
cursor: text; |
|||
overflow: hidden; |
|||
height: auto !important; |
|||
height: 1%; |
|||
position: relative; |
|||
display: block; |
|||
padding: 0; |
|||
margin: 0; |
|||
font-size: 14px; |
|||
line-height: 20px; |
|||
color: #555555; |
|||
} |
|||
.chzn-container-multi .chzn-choices li { |
|||
float: left; |
|||
list-style: none; |
|||
} |
|||
.chzn-container-multi .chzn-choices .search-field { |
|||
white-space: nowrap; |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
.chzn-container-multi .chzn-choices .search-field input { |
|||
-webkit-box-shadow: none; |
|||
-moz-box-shadow: none; |
|||
box-shadow: none; |
|||
color: #555555; |
|||
background: transparent !important; |
|||
border: 0 !important; |
|||
font-family: sans-serif; |
|||
font-size: 100%; |
|||
height: 15px; |
|||
padding: 5px; |
|||
margin: 1px 0 2px; |
|||
outline: 0; |
|||
} |
|||
.chzn-container-multi .chzn-choices .search-field .default { |
|||
color: #999; |
|||
} |
|||
.chzn-container-multi .chzn-choices .search-choice { |
|||
-webkit-border-radius: 3px; |
|||
-moz-border-radius: 3px; |
|||
border-radius: 3px; |
|||
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); |
|||
-moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); |
|||
box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); |
|||
background-color: #f6f6f6; |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(50%, #f6f6f6), to(#f4f4f4)); |
|||
background-image: -webkit-linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4); |
|||
background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6 50%, #f4f4f4); |
|||
background-image: -o-linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4); |
|||
background-image: linear-gradient(#ffffff, #f6f6f6 50%, #f4f4f4); |
|||
background-repeat: no-repeat; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0); |
|||
-webkit-background-clip: padding-box; |
|||
-moz-background-clip: padding-box; |
|||
background-clip: padding-box; |
|||
-moz-background-clip: padding; |
|||
color: #555555; |
|||
border: 1px solid #999999; |
|||
line-height: 13px; |
|||
padding: 3px 20px 3px 5px; |
|||
margin: 3px 0 3px 5px; |
|||
position: relative; |
|||
cursor: default; |
|||
} |
|||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close { |
|||
display: block; |
|||
position: absolute; |
|||
right: 3px; |
|||
top: 4px; |
|||
width: 12px; |
|||
height: 13px; |
|||
font-size: 1px; |
|||
background: url("../image/chosen-sprite.png") right top no-repeat; |
|||
} |
|||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { |
|||
background-position: right -11px; |
|||
} |
|||
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled { |
|||
background-color: #eeeeee; |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), color-stop(50%, #f0f0f0), to(#e8e8e8)); |
|||
background-image: -webkit-linear-gradient(#f4f4f4, #f0f0f0 50%, #e8e8e8); |
|||
background-image: -moz-linear-gradient(top, #f4f4f4, #f0f0f0 50%, #e8e8e8); |
|||
background-image: -o-linear-gradient(#f4f4f4, #f0f0f0 50%, #e8e8e8); |
|||
background-image: linear-gradient(#f4f4f4, #f0f0f0 50%, #e8e8e8); |
|||
background-repeat: no-repeat; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4', endColorstr='#ffe8e8e8', GradientType=0); |
|||
color: #666; |
|||
border: 1px solid #cccccc; |
|||
padding-right: 5px; |
|||
} |
|||
.chzn-container-multi .chzn-choices .search-choice-focus { |
|||
background: #d4d4d4; |
|||
} |
|||
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { |
|||
background-position: right -11px; |
|||
} |
|||
.chzn-container .chzn-results { |
|||
margin: 0 4px 4px 0; |
|||
max-height: 240px; |
|||
padding: 0 0 0 4px; |
|||
position: relative; |
|||
overflow-x: hidden; |
|||
overflow-y: auto; |
|||
-webkit-overflow-scrolling: touch; |
|||
} |
|||
.chzn-container .chzn-results li { |
|||
display: none; |
|||
line-height: 15px; |
|||
padding: 5px 6px; |
|||
margin: 0; |
|||
list-style: none; |
|||
} |
|||
.chzn-container .chzn-results li em { |
|||
background: #feffde; |
|||
font-style: normal; |
|||
} |
|||
.chzn-container .chzn-results .no-results { |
|||
background: #f4f4f4; |
|||
display: list-item; |
|||
} |
|||
.chzn-container .chzn-results .group-result { |
|||
cursor: default; |
|||
color: #999; |
|||
font-weight: bold; |
|||
} |
|||
.chzn-container .chzn-results .group-option { |
|||
padding-left: 15px; |
|||
} |
|||
.chzn-container .chzn-results .active-result { |
|||
cursor: pointer; |
|||
display: list-item; |
|||
} |
|||
.chzn-container .chzn-results .highlighted { |
|||
background-color: #326dcc; |
|||
background-image: -moz-linear-gradient(top, #3875d7, #2a62bc); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3875d7), to(#2a62bc)); |
|||
background-image: -webkit-linear-gradient(top, #3875d7, #2a62bc); |
|||
background-image: -o-linear-gradient(top, #3875d7, #2a62bc); |
|||
background-image: linear-gradient(to bottom, #3875d7, #2a62bc); |
|||
background-repeat: repeat-x; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3875d7', endColorstr='#ff2a62bc', GradientType=0); |
|||
color: #fff; |
|||
} |
|||
.chzn-container .chzn-results .highlighted em { |
|||
background: transparent; |
|||
} |
|||
.chzn-container .chzn-results-scroll { |
|||
background: white; |
|||
margin: 0 4px; |
|||
position: absolute; |
|||
text-align: center; |
|||
width: 321px; |
|||
/* This should by dynamic with js */ |
|||
|
|||
z-index: 1; |
|||
} |
|||
.chzn-container .chzn-results-scroll span { |
|||
display: inline-block; |
|||
height: 17px; |
|||
text-indent: -5000px; |
|||
width: 9px; |
|||
} |
|||
.chzn-container .chzn-results-scroll-down { |
|||
bottom: 0; |
|||
} |
|||
.chzn-container .chzn-results-scroll-down span { |
|||
background: url("../image/chosen-sprite.png") no-repeat -4px -3px; |
|||
} |
|||
.chzn-container .chzn-results-scroll-up span { |
|||
background: url("../image/chosen-sprite.png") no-repeat -22px -3px; |
|||
} |
|||
.chzn-container-multi .chzn-results { |
|||
margin: 4px; |
|||
padding: 0; |
|||
} |
|||
.chzn-container-multi .chzn-drop .result-selected { |
|||
display: none; |
|||
} |
|||
.chzn-container-active .chzn-single { |
|||
border: 1px solid #CCC; |
|||
} |
|||
.chzn-container-active .chzn-single .chzn-drop { |
|||
margin-top: -29px; |
|||
} |
|||
.chzn-container-active .chzn-single-with-drop { |
|||
-webkit-box-shadow: none; |
|||
-moz-box-shadow: none; |
|||
box-shadow: none; |
|||
border-color: #CCC; |
|||
} |
|||
.chzn-container-active .chzn-single-with-drop div { |
|||
background: transparent; |
|||
border-left: none; |
|||
} |
|||
.chzn-container-active .chzn-single-with-drop div b { |
|||
background-position: -18px 1px; |
|||
} |
|||
.chzn-container-active .chzn-choices { |
|||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|||
border: 1px solid rgba(82, 168, 236, 0.8); |
|||
outline: 0; |
|||
outline: thin dotted \9; |
|||
/* IE6-9 */ |
|||
|
|||
} |
|||
.chzn-container-active .chzn-choices .search-field input { |
|||
color: #111 !important; |
|||
} |
|||
.chzn-disabled { |
|||
opacity: 0.005; |
|||
filter: alpha(opacity=0.5); |
|||
cursor: default; |
|||
} |
|||
.chzn-disabled .chzn-single { |
|||
cursor: default; |
|||
} |
|||
.chzn-disabled .search-choice-close { |
|||
cursor: default; |
|||
} |
|||
.chzn-rtl { |
|||
text-align: right; |
|||
} |
|||
.chzn-rtl .chzn-single { |
|||
padding: 0 8px 0 0; |
|||
overflow: visible; |
|||
} |
|||
.chzn-rtl .chzn-single span { |
|||
margin-left: 26px; |
|||
margin-right: 0; |
|||
direction: rtl; |
|||
} |
|||
.chzn-rtl .chzn-single div { |
|||
left: 3px; |
|||
right: auto; |
|||
} |
|||
.chzn-rtl .chzn-single abbr { |
|||
left: 26px; |
|||
right: auto; |
|||
} |
|||
.chzn-rtl .chzn-choices li { |
|||
float: right; |
|||
} |
|||
.chzn-rtl .chzn-choices .search-field input { |
|||
direction: rtl; |
|||
} |
|||
.chzn-rtl .chzn-choices .search-choice { |
|||
padding: 3px 5px 3px 19px; |
|||
margin: 3px 5px 3px 0; |
|||
} |
|||
.chzn-rtl .chzn-choices .search-choice .search-choice-close { |
|||
left: 4px; |
|||
right: auto; |
|||
background-position: right top; |
|||
} |
|||
.chzn-rtl .chzn-results .group-option { |
|||
padding-left: 0; |
|||
padding-right: 15px; |
|||
} |
|||
.chzn-rtl .chzn-search input { |
|||
padding: 4px 5px 4px 20px; |
|||
direction: rtl; |
|||
} |
|||
.chzn-rtl.chzn-container-single .chzn-results { |
|||
margin: 0 0 4px 4px; |
|||
padding: 0 4px 0 0; |
|||
} |
|||
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { |
|||
border-right: none; |
|||
} |
|||
@ -0,0 +1,229 @@ |
|||
.clearfix { |
|||
*zoom: 1; |
|||
} |
|||
.clearfix:before, |
|||
.clearfix:after { |
|||
display: table; |
|||
content: ""; |
|||
line-height: 0; |
|||
} |
|||
.clearfix:after { |
|||
clear: both; |
|||
} |
|||
.hide-text { |
|||
font: 0/0 a; |
|||
color: transparent; |
|||
text-shadow: none; |
|||
background-color: transparent; |
|||
border: 0; |
|||
} |
|||
.input-block-level { |
|||
display: block; |
|||
width: 100%; |
|||
min-height: 30px; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
.clockface { |
|||
width: 160px; |
|||
padding: 3px; |
|||
text-align: center; |
|||
/* |
|||
.l3 .center span { |
|||
vertical-align: middle; |
|||
display: inline-block; |
|||
.ie7-inline-block(); |
|||
padding: 0 2px; |
|||
} |
|||
*/ |
|||
|
|||
/* |
|||
input { |
|||
width: 20px; |
|||
margin: 0; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
a { |
|||
text-decoration: none; |
|||
padding: 0 3px; |
|||
vertical-align: top; |
|||
font-size: 0.85em; |
|||
.border-radius(3px); |
|||
|
|||
&.am {margin-right: 8px;} |
|||
|
|||
&.active, |
|||
&.active:hover { |
|||
.buttonBackground(@btnSuccessBackground, spin(@btnSuccessBackground, 20)); |
|||
} |
|||
} |
|||
*/ |
|||
|
|||
} |
|||
.clockface > div { |
|||
clear: both; |
|||
overflow: auto; |
|||
} |
|||
.clockface .outer, |
|||
.clockface .inner { |
|||
width: 22px; |
|||
height: 22px; |
|||
line-height: 22px; |
|||
cursor: default; |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
} |
|||
.clockface .outer.active, |
|||
.clockface .inner.active, |
|||
.clockface .outer.active:hover, |
|||
.clockface .inner.active:hover { |
|||
color: #fff; |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|||
} |
|||
.clockface .outer:hover, |
|||
.clockface .inner:hover { |
|||
background-color: #dcdcdc; |
|||
} |
|||
.clockface .outer { |
|||
color: gray; |
|||
font-size: 0.8em; |
|||
} |
|||
.clockface .outer.active, |
|||
.clockface .outer.active:hover { |
|||
color: #ffffff; |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|||
background-color: #5bb75b; |
|||
background-image: -moz-linear-gradient(top, #62c462, #51a351); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); |
|||
background-image: -webkit-linear-gradient(top, #62c462, #51a351); |
|||
background-image: -o-linear-gradient(top, #62c462, #51a351); |
|||
background-image: linear-gradient(to bottom, #62c462, #51a351); |
|||
background-repeat: repeat-x; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); |
|||
border-color: #51a351 #51a351 #387038; |
|||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|||
*background-color: #51a351; |
|||
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ |
|||
|
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|||
} |
|||
.clockface .outer.active:hover, |
|||
.clockface .outer.active:hover:hover, |
|||
.clockface .outer.active:active, |
|||
.clockface .outer.active:hover:active, |
|||
.clockface .outer.active.active, |
|||
.clockface .outer.active:hover.active, |
|||
.clockface .outer.active.disabled, |
|||
.clockface .outer.active:hover.disabled, |
|||
.clockface .outer.active[disabled], |
|||
.clockface .outer.active:hover[disabled] { |
|||
color: #ffffff; |
|||
background-color: #51a351; |
|||
*background-color: #499249; |
|||
} |
|||
.clockface .outer.active:active, |
|||
.clockface .outer.active:hover:active, |
|||
.clockface .outer.active.active, |
|||
.clockface .outer.active:hover.active { |
|||
background-color: #408140 \9; |
|||
} |
|||
.clockface .inner.active, |
|||
.clockface .inner.active:hover { |
|||
color: #ffffff; |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|||
background-color: #006dcc; |
|||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); |
|||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -o-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: linear-gradient(to bottom, #0088cc, #0044cc); |
|||
background-repeat: repeat-x; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); |
|||
border-color: #0044cc #0044cc #002a80; |
|||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|||
*background-color: #0044cc; |
|||
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ |
|||
|
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|||
} |
|||
.clockface .inner.active:hover, |
|||
.clockface .inner.active:hover:hover, |
|||
.clockface .inner.active:active, |
|||
.clockface .inner.active:hover:active, |
|||
.clockface .inner.active.active, |
|||
.clockface .inner.active:hover.active, |
|||
.clockface .inner.active.disabled, |
|||
.clockface .inner.active:hover.disabled, |
|||
.clockface .inner.active[disabled], |
|||
.clockface .inner.active:hover[disabled] { |
|||
color: #ffffff; |
|||
background-color: #0044cc; |
|||
*background-color: #003bb3; |
|||
} |
|||
.clockface .inner.active:active, |
|||
.clockface .inner.active:hover:active, |
|||
.clockface .inner.active.active, |
|||
.clockface .inner.active:hover.active { |
|||
background-color: #003399 \9; |
|||
} |
|||
.clockface .l1 .cell, |
|||
.clockface .l5 .cell { |
|||
width: 22px; |
|||
display: inline-block; |
|||
*display: inline; |
|||
/* IE7 inline-block hack */ |
|||
|
|||
*zoom: 1; |
|||
} |
|||
.clockface .l1 .outer { |
|||
margin-bottom: 3px; |
|||
} |
|||
.clockface .l5 .outer { |
|||
margin-top: 3px; |
|||
} |
|||
.clockface .l2 .outer, |
|||
.clockface .l3 .outer, |
|||
.clockface .l4 .outer, |
|||
.clockface .l2 .inner, |
|||
.clockface .l3 .inner, |
|||
.clockface .l4 .inner { |
|||
display: inline-block; |
|||
*display: inline; |
|||
/* IE7 inline-block hack */ |
|||
|
|||
*zoom: 1; |
|||
vertical-align: middle; |
|||
} |
|||
.clockface .l2 .left, |
|||
.clockface .l3 .left, |
|||
.clockface .l4 .left { |
|||
float: left; |
|||
} |
|||
.clockface .l2 .left .outer, |
|||
.clockface .l3 .left .outer, |
|||
.clockface .l4 .left .outer { |
|||
margin-right: 3px; |
|||
} |
|||
.clockface .l2 .right, |
|||
.clockface .l3 .right, |
|||
.clockface .l4 .right { |
|||
float: right; |
|||
} |
|||
.clockface .l2 .right .outer, |
|||
.clockface .l3 .right .outer, |
|||
.clockface .l4 .right .outer { |
|||
margin-left: 3px; |
|||
} |
|||
.clockface .ampm { |
|||
font-size: 0.8em; |
|||
text-decoration: none; |
|||
border-bottom: dashed 1px; |
|||
} |
|||
.clockface .ampm:focus { |
|||
outline: 0; |
|||
outline: thin dotted \9; |
|||
/* IE6-9 */ |
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
/* |
|||
Colorpicker for Bootstrap |
|||
Copyright 2012 Stefan Petre |
|||
Licensed under the Apache License v2.0 |
|||
http://www.apache.org/licenses/LICENSE-2.0 |
|||
*/ |
|||
.colorpicker-saturation { width: 100px; height: 100px; background-image: url(../image/saturation.png); cursor: crosshair; float: left; } .colorpicker-saturation i { display: block; height: 5px; width: 5px; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; } .colorpicker-saturation i b { display: block; height: 5px; width: 5px; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .colorpicker-hue, .colorpicker-alpha { width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; } .colorpicker-hue i, .colorpicker-alpha i { display: block; height: 1px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; } .colorpicker-hue { background-image: url(../image/hue.png); } .colorpicker-alpha { background-image: url(../image/alpha.png); display: none; } .colorpicker { *zoom: 1; top: 0; left: 0; padding: 4px; min-width: 120px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .colorpicker:before, .colorpicker:after { display: table; content: ""; } .colorpicker:after { clear: both; } .colorpicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .colorpicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .colorpicker div { position: relative; } .colorpicker.alpha { min-width: 140px; } .colorpicker.alpha .colorpicker-alpha { display: block; } .colorpicker-color { height: 10px; margin-top: 5px; clear: both; background-image: url(../image/alpha.png); background-position: 0 100%; } .colorpicker-color div { height: 10px; } .input-append.color .add-on i, .input-prepend.color .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } |
|||
@ -0,0 +1,114 @@ |
|||
/*** |
|||
Coming Soon Page |
|||
***/ |
|||
body { |
|||
background-color: #ddd; |
|||
padding: 0; |
|||
margin: 0; |
|||
} |
|||
|
|||
.coming-soon-header { |
|||
padding: 20px; |
|||
margin-top: 80px; |
|||
} |
|||
|
|||
.coming-soon-content { |
|||
padding: 20px; |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.coming-soon-countdown { |
|||
padding: 20px; |
|||
} |
|||
|
|||
.coming-soon-content h1, |
|||
.coming-soon-content p { |
|||
color: #fff; |
|||
} |
|||
|
|||
.coming-soon-content h1 { |
|||
font-size: 42px; |
|||
line-height: 50px; |
|||
margin-bottom: 15px; |
|||
font-weight: 300; |
|||
} |
|||
|
|||
.coming-soon-content p { |
|||
font-size: 13px; |
|||
} |
|||
|
|||
|
|||
.coming-soon-content input { |
|||
background: #fff !important; |
|||
} |
|||
|
|||
.coming-soon-footer { |
|||
text-align: left !important; |
|||
font-size: 12px; |
|||
color: #333; |
|||
padding: 20px 20px 20px 20px; |
|||
} |
|||
|
|||
/*Countdown*/ |
|||
#defaultCountdown { |
|||
width: 100%; |
|||
margin: 10px 0; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
#defaultCountdown span.countdown_row { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
#defaultCountdown span.countdown_row span { |
|||
font-size: 16px; |
|||
font-weight: 300; |
|||
line-height: 20px; |
|||
margin-right: 2px; |
|||
} |
|||
|
|||
#defaultCountdown span.countdown_row > span { |
|||
float: left; |
|||
} |
|||
|
|||
#defaultCountdown span.countdown_section { |
|||
color: #fff; |
|||
padding: 7px 15px !important; |
|||
margin-bottom: 2px; |
|||
font-weight: 300; |
|||
background: url(../image/bg-white.png) repeat; |
|||
text-align: center; |
|||
} |
|||
|
|||
#defaultCountdown span.countdown_amount { |
|||
display: inline-block; |
|||
font-size: 38px !important; |
|||
padding: 15px !important; |
|||
font-weight: 300; |
|||
} |
|||
|
|||
/*Responsive*/ |
|||
@media (max-width: 1024px) { |
|||
#defaultCountdown span.countdown_amount { |
|||
padding: 10px; |
|||
} |
|||
} |
|||
|
|||
@media (max-width: 767px) { |
|||
|
|||
.coming-soon-header, |
|||
.coming-soon-countdown, |
|||
.coming-soon-content, |
|||
.coming-soon-footer { |
|||
margin-top: 0px; |
|||
padding: 10px; |
|||
} |
|||
} |
|||
|
|||
@media (max-width: 320px) { |
|||
|
|||
.coming-soon-content .btn-subscribe span { |
|||
display: none; |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,449 @@ |
|||
/*! |
|||
* Datepicker for Bootstrap |
|||
* |
|||
* Copyright 2012 Stefan Petre |
|||
* Improvements by Andrew Rowls |
|||
* Licensed under the Apache License v2.0 |
|||
* http://www.apache.org/licenses/LICENSE-2.0 |
|||
* |
|||
*/ |
|||
.datepicker { |
|||
padding: 4px; |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
direction: ltr; |
|||
/*.dow { |
|||
border-top: 1px solid #ddd !important; |
|||
}*/ |
|||
|
|||
} |
|||
.datepicker-inline { |
|||
width: 220px; |
|||
} |
|||
.datepicker.datepicker-rtl { |
|||
direction: rtl; |
|||
} |
|||
.datepicker.datepicker-rtl table tr td span { |
|||
float: right; |
|||
} |
|||
.datepicker-dropdown { |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
.datepicker-dropdown:before { |
|||
content: ''; |
|||
display: inline-block; |
|||
border-left: 7px solid transparent; |
|||
border-right: 7px solid transparent; |
|||
border-bottom: 7px solid #ccc; |
|||
border-bottom-color: rgba(0, 0, 0, 0.2); |
|||
position: absolute; |
|||
top: -7px; |
|||
left: 6px; |
|||
} |
|||
.datepicker-dropdown:after { |
|||
content: ''; |
|||
display: inline-block; |
|||
border-left: 6px solid transparent; |
|||
border-right: 6px solid transparent; |
|||
border-bottom: 6px solid #ffffff; |
|||
position: absolute; |
|||
top: -6px; |
|||
left: 7px; |
|||
} |
|||
.datepicker > div { |
|||
display: none; |
|||
} |
|||
.datepicker.days div.datepicker-days { |
|||
display: block; |
|||
} |
|||
.datepicker.months div.datepicker-months { |
|||
display: block; |
|||
} |
|||
.datepicker.years div.datepicker-years { |
|||
display: block; |
|||
} |
|||
.datepicker table { |
|||
margin: 0; |
|||
} |
|||
.datepicker td, |
|||
.datepicker th { |
|||
text-align: center; |
|||
width: 20px; |
|||
height: 20px; |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
border: none; |
|||
} |
|||
.table-striped .datepicker table tr td, |
|||
.table-striped .datepicker table tr th { |
|||
background-color: transparent; |
|||
} |
|||
.datepicker table tr td.day:hover { |
|||
background: #eeeeee; |
|||
cursor: pointer; |
|||
} |
|||
.datepicker table tr td.old, |
|||
.datepicker table tr td.new { |
|||
color: #999999; |
|||
} |
|||
.datepicker table tr td.disabled, |
|||
.datepicker table tr td.disabled:hover { |
|||
background: none; |
|||
color: #999999; |
|||
cursor: default; |
|||
} |
|||
.datepicker table tr td.today, |
|||
.datepicker table tr td.today:hover, |
|||
.datepicker table tr td.today.disabled, |
|||
.datepicker table tr td.today.disabled:hover { |
|||
background-color: #fde19a; |
|||
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); |
|||
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); |
|||
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); |
|||
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); |
|||
background-image: linear-gradient(top, #fdd49a, #fdf59a); |
|||
background-repeat: repeat-x; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); |
|||
border-color: #fdf59a #fdf59a #fbed50; |
|||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
|||
color: #000; |
|||
} |
|||
.datepicker table tr td.today:hover, |
|||
.datepicker table tr td.today:hover:hover, |
|||
.datepicker table tr td.today.disabled:hover, |
|||
.datepicker table tr td.today.disabled:hover:hover, |
|||
.datepicker table tr td.today:active, |
|||
.datepicker table tr td.today:hover:active, |
|||
.datepicker table tr td.today.disabled:active, |
|||
.datepicker table tr td.today.disabled:hover:active, |
|||
.datepicker table tr td.today.active, |
|||
.datepicker table tr td.today:hover.active, |
|||
.datepicker table tr td.today.disabled.active, |
|||
.datepicker table tr td.today.disabled:hover.active, |
|||
.datepicker table tr td.today.disabled, |
|||
.datepicker table tr td.today:hover.disabled, |
|||
.datepicker table tr td.today.disabled.disabled, |
|||
.datepicker table tr td.today.disabled:hover.disabled, |
|||
.datepicker table tr td.today[disabled], |
|||
.datepicker table tr td.today:hover[disabled], |
|||
.datepicker table tr td.today.disabled[disabled], |
|||
.datepicker table tr td.today.disabled:hover[disabled] { |
|||
background-color: #fdf59a; |
|||
} |
|||
.datepicker table tr td.today:active, |
|||
.datepicker table tr td.today:hover:active, |
|||
.datepicker table tr td.today.disabled:active, |
|||
.datepicker table tr td.today.disabled:hover:active, |
|||
.datepicker table tr td.today.active, |
|||
.datepicker table tr td.today:hover.active, |
|||
.datepicker table tr td.today.disabled.active, |
|||
.datepicker table tr td.today.disabled:hover.active { |
|||
background-color: #fbf069 \9; |
|||
} |
|||
.datepicker table tr td.today:hover:hover { |
|||
color: #000; |
|||
} |
|||
.datepicker table tr td.today.active:hover { |
|||
color: #fff; |
|||
} |
|||
.datepicker table tr td.range, |
|||
.datepicker table tr td.range:hover, |
|||
.datepicker table tr td.range.disabled, |
|||
.datepicker table tr td.range.disabled:hover { |
|||
background: #eeeeee; |
|||
-webkit-border-radius: 0; |
|||
-moz-border-radius: 0; |
|||
border-radius: 0; |
|||
} |
|||
.datepicker table tr td.range.today, |
|||
.datepicker table tr td.range.today:hover, |
|||
.datepicker table tr td.range.today.disabled, |
|||
.datepicker table tr td.range.today.disabled:hover { |
|||
background-color: #f3d17a; |
|||
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a); |
|||
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); |
|||
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a); |
|||
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a); |
|||
background-image: linear-gradient(top, #f3c17a, #f3e97a); |
|||
background-repeat: repeat-x; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); |
|||
border-color: #f3e97a #f3e97a #edde34; |
|||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
|||
-webkit-border-radius: 0; |
|||
-moz-border-radius: 0; |
|||
border-radius: 0; |
|||
} |
|||
.datepicker table tr td.range.today:hover, |
|||
.datepicker table tr td.range.today:hover:hover, |
|||
.datepicker table tr td.range.today.disabled:hover, |
|||
.datepicker table tr td.range.today.disabled:hover:hover, |
|||
.datepicker table tr td.range.today:active, |
|||
.datepicker table tr td.range.today:hover:active, |
|||
.datepicker table tr td.range.today.disabled:active, |
|||
.datepicker table tr td.range.today.disabled:hover:active, |
|||
.datepicker table tr td.range.today.active, |
|||
.datepicker table tr td.range.today:hover.active, |
|||
.datepicker table tr td.range.today.disabled.active, |
|||
.datepicker table tr td.range.today.disabled:hover.active, |
|||
.datepicker table tr td.range.today.disabled, |
|||
.datepicker table tr td.range.today:hover.disabled, |
|||
.datepicker table tr td.range.today.disabled.disabled, |
|||
.datepicker table tr td.range.today.disabled:hover.disabled, |
|||
.datepicker table tr td.range.today[disabled], |
|||
.datepicker table tr td.range.today:hover[disabled], |
|||
.datepicker table tr td.range.today.disabled[disabled], |
|||
.datepicker table tr td.range.today.disabled:hover[disabled] { |
|||
background-color: #f3e97a; |
|||
} |
|||
.datepicker table tr td.range.today:active, |
|||
.datepicker table tr td.range.today:hover:active, |
|||
.datepicker table tr td.range.today.disabled:active, |
|||
.datepicker table tr td.range.today.disabled:hover:active, |
|||
.datepicker table tr td.range.today.active, |
|||
.datepicker table tr td.range.today:hover.active, |
|||
.datepicker table tr td.range.today.disabled.active, |
|||
.datepicker table tr td.range.today.disabled:hover.active { |
|||
background-color: #efe24b \9; |
|||
} |
|||
.datepicker table tr td.selected, |
|||
.datepicker table tr td.selected:hover, |
|||
.datepicker table tr td.selected.disabled, |
|||
.datepicker table tr td.selected.disabled:hover { |
|||
background-color: #9e9e9e; |
|||
background-image: -moz-linear-gradient(top, #b3b3b3, #808080); |
|||
background-image: -ms-linear-gradient(top, #b3b3b3, #808080); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); |
|||
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080); |
|||
background-image: -o-linear-gradient(top, #b3b3b3, #808080); |
|||
background-image: linear-gradient(top, #b3b3b3, #808080); |
|||
background-repeat: repeat-x; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); |
|||
border-color: #808080 #808080 #595959; |
|||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
|||
color: #fff; |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|||
} |
|||
.datepicker table tr td.selected:hover, |
|||
.datepicker table tr td.selected:hover:hover, |
|||
.datepicker table tr td.selected.disabled:hover, |
|||
.datepicker table tr td.selected.disabled:hover:hover, |
|||
.datepicker table tr td.selected:active, |
|||
.datepicker table tr td.selected:hover:active, |
|||
.datepicker table tr td.selected.disabled:active, |
|||
.datepicker table tr td.selected.disabled:hover:active, |
|||
.datepicker table tr td.selected.active, |
|||
.datepicker table tr td.selected:hover.active, |
|||
.datepicker table tr td.selected.disabled.active, |
|||
.datepicker table tr td.selected.disabled:hover.active, |
|||
.datepicker table tr td.selected.disabled, |
|||
.datepicker table tr td.selected:hover.disabled, |
|||
.datepicker table tr td.selected.disabled.disabled, |
|||
.datepicker table tr td.selected.disabled:hover.disabled, |
|||
.datepicker table tr td.selected[disabled], |
|||
.datepicker table tr td.selected:hover[disabled], |
|||
.datepicker table tr td.selected.disabled[disabled], |
|||
.datepicker table tr td.selected.disabled:hover[disabled] { |
|||
background-color: #808080; |
|||
} |
|||
.datepicker table tr td.selected:active, |
|||
.datepicker table tr td.selected:hover:active, |
|||
.datepicker table tr td.selected.disabled:active, |
|||
.datepicker table tr td.selected.disabled:hover:active, |
|||
.datepicker table tr td.selected.active, |
|||
.datepicker table tr td.selected:hover.active, |
|||
.datepicker table tr td.selected.disabled.active, |
|||
.datepicker table tr td.selected.disabled:hover.active { |
|||
background-color: #666666 \9; |
|||
} |
|||
.datepicker table tr td.active, |
|||
.datepicker table tr td.active:hover, |
|||
.datepicker table tr td.active.disabled, |
|||
.datepicker table tr td.active.disabled:hover { |
|||
background-color: #006dcc; |
|||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); |
|||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -o-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: linear-gradient(top, #0088cc, #0044cc); |
|||
background-repeat: repeat-x; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); |
|||
border-color: #0044cc #0044cc #002a80; |
|||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
|||
color: #fff; |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|||
} |
|||
.datepicker table tr td.active:hover, |
|||
.datepicker table tr td.active:hover:hover, |
|||
.datepicker table tr td.active.disabled:hover, |
|||
.datepicker table tr td.active.disabled:hover:hover, |
|||
.datepicker table tr td.active:active, |
|||
.datepicker table tr td.active:hover:active, |
|||
.datepicker table tr td.active.disabled:active, |
|||
.datepicker table tr td.active.disabled:hover:active, |
|||
.datepicker table tr td.active.active, |
|||
.datepicker table tr td.active:hover.active, |
|||
.datepicker table tr td.active.disabled.active, |
|||
.datepicker table tr td.active.disabled:hover.active, |
|||
.datepicker table tr td.active.disabled, |
|||
.datepicker table tr td.active:hover.disabled, |
|||
.datepicker table tr td.active.disabled.disabled, |
|||
.datepicker table tr td.active.disabled:hover.disabled, |
|||
.datepicker table tr td.active[disabled], |
|||
.datepicker table tr td.active:hover[disabled], |
|||
.datepicker table tr td.active.disabled[disabled], |
|||
.datepicker table tr td.active.disabled:hover[disabled] { |
|||
background-color: #0044cc; |
|||
} |
|||
.datepicker table tr td.active:active, |
|||
.datepicker table tr td.active:hover:active, |
|||
.datepicker table tr td.active.disabled:active, |
|||
.datepicker table tr td.active.disabled:hover:active, |
|||
.datepicker table tr td.active.active, |
|||
.datepicker table tr td.active:hover.active, |
|||
.datepicker table tr td.active.disabled.active, |
|||
.datepicker table tr td.active.disabled:hover.active { |
|||
background-color: #003399 \9; |
|||
} |
|||
.datepicker table tr td span { |
|||
display: block; |
|||
width: 23%; |
|||
height: 54px; |
|||
line-height: 54px; |
|||
float: left; |
|||
margin: 1%; |
|||
cursor: pointer; |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
} |
|||
.datepicker table tr td span:hover { |
|||
background: #eeeeee; |
|||
} |
|||
.datepicker table tr td span.disabled, |
|||
.datepicker table tr td span.disabled:hover { |
|||
background: none; |
|||
color: #999999; |
|||
cursor: default; |
|||
} |
|||
.datepicker table tr td span.active, |
|||
.datepicker table tr td span.active:hover, |
|||
.datepicker table tr td span.active.disabled, |
|||
.datepicker table tr td span.active.disabled:hover { |
|||
background-color: #006dcc; |
|||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); |
|||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -o-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: linear-gradient(top, #0088cc, #0044cc); |
|||
background-repeat: repeat-x; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); |
|||
border-color: #0044cc #0044cc #002a80; |
|||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
|||
color: #fff; |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|||
} |
|||
.datepicker table tr td span.active:hover, |
|||
.datepicker table tr td span.active:hover:hover, |
|||
.datepicker table tr td span.active.disabled:hover, |
|||
.datepicker table tr td span.active.disabled:hover:hover, |
|||
.datepicker table tr td span.active:active, |
|||
.datepicker table tr td span.active:hover:active, |
|||
.datepicker table tr td span.active.disabled:active, |
|||
.datepicker table tr td span.active.disabled:hover:active, |
|||
.datepicker table tr td span.active.active, |
|||
.datepicker table tr td span.active:hover.active, |
|||
.datepicker table tr td span.active.disabled.active, |
|||
.datepicker table tr td span.active.disabled:hover.active, |
|||
.datepicker table tr td span.active.disabled, |
|||
.datepicker table tr td span.active:hover.disabled, |
|||
.datepicker table tr td span.active.disabled.disabled, |
|||
.datepicker table tr td span.active.disabled:hover.disabled, |
|||
.datepicker table tr td span.active[disabled], |
|||
.datepicker table tr td span.active:hover[disabled], |
|||
.datepicker table tr td span.active.disabled[disabled], |
|||
.datepicker table tr td span.active.disabled:hover[disabled] { |
|||
background-color: #0044cc; |
|||
} |
|||
.datepicker table tr td span.active:active, |
|||
.datepicker table tr td span.active:hover:active, |
|||
.datepicker table tr td span.active.disabled:active, |
|||
.datepicker table tr td span.active.disabled:hover:active, |
|||
.datepicker table tr td span.active.active, |
|||
.datepicker table tr td span.active:hover.active, |
|||
.datepicker table tr td span.active.disabled.active, |
|||
.datepicker table tr td span.active.disabled:hover.active { |
|||
background-color: #003399 \9; |
|||
} |
|||
.datepicker table tr td span.old, |
|||
.datepicker table tr td span.new { |
|||
color: #999999; |
|||
} |
|||
.datepicker th.datepicker-switch { |
|||
width: 145px; |
|||
} |
|||
.datepicker thead tr:first-child th, |
|||
.datepicker tfoot tr th { |
|||
cursor: pointer; |
|||
} |
|||
.datepicker thead tr:first-child th:hover, |
|||
.datepicker tfoot tr th:hover { |
|||
background: #eeeeee; |
|||
} |
|||
.datepicker .cw { |
|||
font-size: 10px; |
|||
width: 12px; |
|||
padding: 0 2px 0 5px; |
|||
vertical-align: middle; |
|||
} |
|||
.datepicker thead tr:first-child th.cw { |
|||
cursor: default; |
|||
background-color: transparent; |
|||
} |
|||
.input-append.date .add-on i, |
|||
.input-prepend.date .add-on i { |
|||
display: block; |
|||
cursor: pointer; |
|||
width: 16px; |
|||
height: 16px; |
|||
} |
|||
.input-daterange input { |
|||
text-align: center; |
|||
} |
|||
.input-daterange input:first-child { |
|||
-webkit-border-radius: 3px 0 0 3px; |
|||
-moz-border-radius: 3px 0 0 3px; |
|||
border-radius: 3px 0 0 3px; |
|||
} |
|||
.input-daterange input:last-child { |
|||
-webkit-border-radius: 0 3px 3px 0; |
|||
-moz-border-radius: 0 3px 3px 0; |
|||
border-radius: 0 3px 3px 0; |
|||
} |
|||
.input-daterange .add-on { |
|||
display: inline-block; |
|||
width: auto; |
|||
min-width: 16px; |
|||
height: 18px; |
|||
padding: 4px 5px; |
|||
font-weight: normal; |
|||
line-height: 18px; |
|||
text-align: center; |
|||
text-shadow: 0 1px 0 #ffffff; |
|||
vertical-align: middle; |
|||
background-color: #eeeeee; |
|||
border: 1px solid #ccc; |
|||
margin-left: -5px; |
|||
margin-right: -5px; |
|||
} |
|||
@ -0,0 +1,188 @@ |
|||
.daterangepicker.dropdown-menu { |
|||
max-width: none; |
|||
} |
|||
|
|||
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { |
|||
float: left; |
|||
margin: 4px; |
|||
} |
|||
|
|||
.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar { |
|||
float: right; |
|||
margin: 4px; |
|||
} |
|||
|
|||
.daterangepicker .ranges { |
|||
width: 160px; |
|||
text-align: left; |
|||
} |
|||
|
|||
.daterangepicker .ranges .range_inputs>div { |
|||
float: left; |
|||
} |
|||
|
|||
.daterangepicker .ranges .range_inputs>div:nth-child(2) { |
|||
padding-left: 11px; |
|||
} |
|||
|
|||
.daterangepicker .calendar { |
|||
display: none; |
|||
max-width: 230px; |
|||
} |
|||
|
|||
.daterangepicker .calendar th, .daterangepicker .calendar td { |
|||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
|||
white-space: nowrap; |
|||
text-align: center; |
|||
} |
|||
|
|||
.daterangepicker .ranges label { |
|||
color: #333; |
|||
font-size: 11px; |
|||
margin-bottom: 2px; |
|||
text-transform: uppercase; |
|||
text-shadow: 1px 1px 0 #fff; |
|||
} |
|||
|
|||
.daterangepicker .ranges input { |
|||
font-size: 11px; |
|||
} |
|||
|
|||
.daterangepicker .ranges ul { |
|||
list-style: none; |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.daterangepicker .ranges li { |
|||
font-size: 13px; |
|||
background: #f5f5f5; |
|||
border: 1px solid #f5f5f5; |
|||
color: #08c; |
|||
padding: 3px 12px; |
|||
margin-bottom: 8px; |
|||
-webkit-border-radius: 5px; |
|||
-moz-border-radius: 5px; |
|||
border-radius: 5px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { |
|||
background: #08c; |
|||
border: 1px solid #08c; |
|||
color: #fff; |
|||
} |
|||
|
|||
.daterangepicker .calendar { |
|||
border: 1px solid #ddd; |
|||
padding: 4px; |
|||
border-radius: 4px; |
|||
background: #fff; |
|||
} |
|||
|
|||
.daterangepicker { |
|||
position: absolute; |
|||
background: #fff; |
|||
top: 100px; |
|||
left: 20px; |
|||
padding: 4px; |
|||
margin-top: 1px; |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
.daterangepicker.opensleft:before { |
|||
position: absolute; |
|||
top: -7px; |
|||
right: 9px; |
|||
display: inline-block; |
|||
border-right: 7px solid transparent; |
|||
border-bottom: 7px solid #ccc; |
|||
border-left: 7px solid transparent; |
|||
border-bottom-color: rgba(0, 0, 0, 0.2); |
|||
content: ''; |
|||
} |
|||
|
|||
.daterangepicker.opensleft:after { |
|||
position: absolute; |
|||
top: -6px; |
|||
right: 10px; |
|||
display: inline-block; |
|||
border-right: 6px solid transparent; |
|||
border-bottom: 6px solid #fff; |
|||
border-left: 6px solid transparent; |
|||
content: ''; |
|||
} |
|||
|
|||
.daterangepicker.opensright:before { |
|||
position: absolute; |
|||
top: -7px; |
|||
left: 9px; |
|||
display: inline-block; |
|||
border-right: 7px solid transparent; |
|||
border-bottom: 7px solid #ccc; |
|||
border-left: 7px solid transparent; |
|||
border-bottom-color: rgba(0, 0, 0, 0.2); |
|||
content: ''; |
|||
} |
|||
|
|||
.daterangepicker.opensright:after { |
|||
position: absolute; |
|||
top: -6px; |
|||
left: 10px; |
|||
display: inline-block; |
|||
border-right: 6px solid transparent; |
|||
border-bottom: 6px solid #fff; |
|||
border-left: 6px solid transparent; |
|||
content: ''; |
|||
} |
|||
|
|||
.daterangepicker table { |
|||
width: 100%; |
|||
margin: 0; |
|||
} |
|||
|
|||
.daterangepicker td, .daterangepicker th { |
|||
text-align: center; |
|||
width: 20px; |
|||
height: 20px; |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
cursor: pointer; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.daterangepicker td.off { |
|||
color: #999; |
|||
} |
|||
.daterangepicker td.disabled { |
|||
color: #999; |
|||
} |
|||
|
|||
.daterangepicker td.available:hover, .daterangepicker th.available:hover { |
|||
background: #eee; |
|||
} |
|||
|
|||
.daterangepicker td.active, .daterangepicker td.active:hover { |
|||
background-color: #006dcc; |
|||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); |
|||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -o-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: linear-gradient(top, #0088cc, #0044cc); |
|||
background-repeat: repeat-x; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); |
|||
border-color: #0044cc #0044cc #002a80; |
|||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|||
color: #fff; |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
.daterangepicker td.week, .daterangepicker th.week { |
|||
font-size: 80%; |
|||
color: #ccc; |
|||
} |
|||
@ -0,0 +1,366 @@ |
|||
/*! |
|||
* Datetimepicker for Bootstrap |
|||
* |
|||
* Copyright 2012 Stefan Petre |
|||
* Improvements by Andrew Rowls |
|||
* Licensed under the Apache License v2.0 |
|||
* http://www.apache.org/licenses/LICENSE-2.0 |
|||
* |
|||
*/ |
|||
.datetimepicker { |
|||
padding: 4px; |
|||
margin-top: 1px; |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
direction: ltr; |
|||
/*.dow { |
|||
border-top: 1px solid #ddd !important; |
|||
}*/ |
|||
|
|||
} |
|||
.datetimepicker-inline { |
|||
width: 220px; |
|||
} |
|||
.datetimepicker.datetimepicker-rtl { |
|||
direction: rtl; |
|||
} |
|||
.datetimepicker.datetimepicker-rtl table tr td span { |
|||
float: right; |
|||
} |
|||
.datetimepicker-dropdown, .datetimepicker-dropdown-left { |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
[class*=" datetimepicker-dropdown"]:before { |
|||
content: ''; |
|||
display: inline-block; |
|||
border-left: 7px solid transparent; |
|||
border-right: 7px solid transparent; |
|||
border-bottom: 7px solid #ccc; |
|||
border-bottom-color: rgba(0, 0, 0, 0.2); |
|||
position: absolute; |
|||
} |
|||
[class*=" datetimepicker-dropdown"]:after { |
|||
content: ''; |
|||
display: inline-block; |
|||
border-left: 6px solid transparent; |
|||
border-right: 6px solid transparent; |
|||
border-bottom: 6px solid #ffffff; |
|||
position: absolute; |
|||
} |
|||
[class*=" datetimepicker-dropdown-top"]:before { |
|||
content: ''; |
|||
display: inline-block; |
|||
border-left: 7px solid transparent; |
|||
border-right: 7px solid transparent; |
|||
border-top: 7px solid #ccc; |
|||
border-top-color: rgba(0, 0, 0, 0.2); |
|||
border-bottom: 0; |
|||
} |
|||
[class*=" datetimepicker-dropdown-top"]:after { |
|||
content: ''; |
|||
display: inline-block; |
|||
border-left: 6px solid transparent; |
|||
border-right: 6px solid transparent; |
|||
border-top: 6px solid #ffffff; |
|||
border-bottom: 0; |
|||
} |
|||
.datetimepicker-dropdown-bottom-right:before { |
|||
top: -7px; |
|||
right: 6px; |
|||
} |
|||
.datetimepicker-dropdown-bottom-right:after { |
|||
top: -6px; |
|||
right: 7px; |
|||
} |
|||
.datetimepicker-dropdown-bottom-left:before { |
|||
top: -7px; |
|||
left: 6px; |
|||
} |
|||
.datetimepicker-dropdown-bottom-left:after { |
|||
top: -6px; |
|||
left: 7px; |
|||
} |
|||
.datetimepicker-dropdown-top-right:before { |
|||
bottom: -7px; |
|||
right: 6px; |
|||
} |
|||
.datetimepicker-dropdown-top-right:after { |
|||
bottom: -6px; |
|||
right: 7px; |
|||
} |
|||
.datetimepicker-dropdown-top-left:before { |
|||
bottom: -7px; |
|||
left: 6px; |
|||
} |
|||
.datetimepicker-dropdown-top-left:after { |
|||
bottom: -6px; |
|||
left: 7px; |
|||
} |
|||
.datetimepicker > div { |
|||
display: none; |
|||
} |
|||
.datetimepicker.minutes div.datetimepicker-minutes { |
|||
display: block; |
|||
} |
|||
.datetimepicker.hours div.datetimepicker-hours { |
|||
display: block; |
|||
} |
|||
.datetimepicker.days div.datetimepicker-days { |
|||
display: block; |
|||
} |
|||
.datetimepicker.months div.datetimepicker-months { |
|||
display: block; |
|||
} |
|||
.datetimepicker.years div.datetimepicker-years { |
|||
display: block; |
|||
} |
|||
.datetimepicker table { |
|||
margin: 0; |
|||
} |
|||
.datetimepicker td, |
|||
.datetimepicker th { |
|||
text-align: center; |
|||
width: 20px; |
|||
height: 20px; |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
border: none; |
|||
} |
|||
.table-striped .datetimepicker table tr td, |
|||
.table-striped .datetimepicker table tr th { |
|||
background-color: transparent; |
|||
} |
|||
.datetimepicker table tr td.minute:hover { |
|||
background: #eeeeee; |
|||
cursor: pointer; |
|||
} |
|||
.datetimepicker table tr td.hour:hover { |
|||
background: #eeeeee; |
|||
cursor: pointer; |
|||
} |
|||
.datetimepicker table tr td.day:hover { |
|||
background: #eeeeee; |
|||
cursor: pointer; |
|||
} |
|||
.datetimepicker table tr td.old, |
|||
.datetimepicker table tr td.new { |
|||
color: #999999; |
|||
} |
|||
.datetimepicker table tr td.disabled, |
|||
.datetimepicker table tr td.disabled:hover { |
|||
background: none; |
|||
color: #999999; |
|||
cursor: default; |
|||
} |
|||
.datetimepicker table tr td.today, |
|||
.datetimepicker table tr td.today:hover, |
|||
.datetimepicker table tr td.today.disabled, |
|||
.datetimepicker table tr td.today.disabled:hover { |
|||
background-color: #fde19a; |
|||
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); |
|||
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); |
|||
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); |
|||
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); |
|||
background-image: linear-gradient(top, #fdd49a, #fdf59a); |
|||
background-repeat: repeat-x; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); |
|||
border-color: #fdf59a #fdf59a #fbed50; |
|||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
|||
} |
|||
.datetimepicker table tr td.today:hover, |
|||
.datetimepicker table tr td.today:hover:hover, |
|||
.datetimepicker table tr td.today.disabled:hover, |
|||
.datetimepicker table tr td.today.disabled:hover:hover, |
|||
.datetimepicker table tr td.today:active, |
|||
.datetimepicker table tr td.today:hover:active, |
|||
.datetimepicker table tr td.today.disabled:active, |
|||
.datetimepicker table tr td.today.disabled:hover:active, |
|||
.datetimepicker table tr td.today.active, |
|||
.datetimepicker table tr td.today:hover.active, |
|||
.datetimepicker table tr td.today.disabled.active, |
|||
.datetimepicker table tr td.today.disabled:hover.active, |
|||
.datetimepicker table tr td.today.disabled, |
|||
.datetimepicker table tr td.today:hover.disabled, |
|||
.datetimepicker table tr td.today.disabled.disabled, |
|||
.datetimepicker table tr td.today.disabled:hover.disabled, |
|||
.datetimepicker table tr td.today[disabled], |
|||
.datetimepicker table tr td.today:hover[disabled], |
|||
.datetimepicker table tr td.today.disabled[disabled], |
|||
.datetimepicker table tr td.today.disabled:hover[disabled] { |
|||
background-color: #fdf59a; |
|||
} |
|||
.datetimepicker table tr td.today:active, |
|||
.datetimepicker table tr td.today:hover:active, |
|||
.datetimepicker table tr td.today.disabled:active, |
|||
.datetimepicker table tr td.today.disabled:hover:active, |
|||
.datetimepicker table tr td.today.active, |
|||
.datetimepicker table tr td.today:hover.active, |
|||
.datetimepicker table tr td.today.disabled.active, |
|||
.datetimepicker table tr td.today.disabled:hover.active { |
|||
background-color: #fbf069 \9; |
|||
} |
|||
.datetimepicker table tr td.active, |
|||
.datetimepicker table tr td.active:hover, |
|||
.datetimepicker table tr td.active.disabled, |
|||
.datetimepicker table tr td.active.disabled:hover { |
|||
background-color: #006dcc; |
|||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); |
|||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -o-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: linear-gradient(top, #0088cc, #0044cc); |
|||
background-repeat: repeat-x; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); |
|||
border-color: #0044cc #0044cc #002a80; |
|||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
|||
color: #fff; |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|||
} |
|||
.datetimepicker table tr td.active:hover, |
|||
.datetimepicker table tr td.active:hover:hover, |
|||
.datetimepicker table tr td.active.disabled:hover, |
|||
.datetimepicker table tr td.active.disabled:hover:hover, |
|||
.datetimepicker table tr td.active:active, |
|||
.datetimepicker table tr td.active:hover:active, |
|||
.datetimepicker table tr td.active.disabled:active, |
|||
.datetimepicker table tr td.active.disabled:hover:active, |
|||
.datetimepicker table tr td.active.active, |
|||
.datetimepicker table tr td.active:hover.active, |
|||
.datetimepicker table tr td.active.disabled.active, |
|||
.datetimepicker table tr td.active.disabled:hover.active, |
|||
.datetimepicker table tr td.active.disabled, |
|||
.datetimepicker table tr td.active:hover.disabled, |
|||
.datetimepicker table tr td.active.disabled.disabled, |
|||
.datetimepicker table tr td.active.disabled:hover.disabled, |
|||
.datetimepicker table tr td.active[disabled], |
|||
.datetimepicker table tr td.active:hover[disabled], |
|||
.datetimepicker table tr td.active.disabled[disabled], |
|||
.datetimepicker table tr td.active.disabled:hover[disabled] { |
|||
background-color: #0044cc; |
|||
} |
|||
.datetimepicker table tr td.active:active, |
|||
.datetimepicker table tr td.active:hover:active, |
|||
.datetimepicker table tr td.active.disabled:active, |
|||
.datetimepicker table tr td.active.disabled:hover:active, |
|||
.datetimepicker table tr td.active.active, |
|||
.datetimepicker table tr td.active:hover.active, |
|||
.datetimepicker table tr td.active.disabled.active, |
|||
.datetimepicker table tr td.active.disabled:hover.active { |
|||
background-color: #003399 \9; |
|||
} |
|||
.datetimepicker table tr td span { |
|||
display: block; |
|||
width: 23%; |
|||
height: 54px; |
|||
line-height: 54px; |
|||
float: left; |
|||
margin: 1%; |
|||
cursor: pointer; |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
} |
|||
.datetimepicker .datetimepicker-hours span { |
|||
height: 26px; |
|||
line-height: 26px; |
|||
} |
|||
.datetimepicker .datetimepicker-hours table tr td span.hour_am, |
|||
.datetimepicker .datetimepicker-hours table tr td span.hour_pm { |
|||
width: 14.6%; |
|||
} |
|||
.datetimepicker .datetimepicker-hours fieldset legend, |
|||
.datetimepicker .datetimepicker-minutes fieldset legend { |
|||
margin-bottom: inherit; |
|||
line-height: 30px; |
|||
} |
|||
.datetimepicker .datetimepicker-minutes span { |
|||
height: 26px; |
|||
line-height: 26px; |
|||
} |
|||
.datetimepicker table tr td span:hover { |
|||
background: #eeeeee; |
|||
} |
|||
.datetimepicker table tr td span.disabled, |
|||
.datetimepicker table tr td span.disabled:hover { |
|||
background: none; |
|||
color: #999999; |
|||
cursor: default; |
|||
} |
|||
.datetimepicker table tr td span.active, |
|||
.datetimepicker table tr td span.active:hover, |
|||
.datetimepicker table tr td span.active.disabled, |
|||
.datetimepicker table tr td span.active.disabled:hover { |
|||
background-color: #006dcc; |
|||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); |
|||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: -o-linear-gradient(top, #0088cc, #0044cc); |
|||
background-image: linear-gradient(top, #0088cc, #0044cc); |
|||
background-repeat: repeat-x; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); |
|||
border-color: #0044cc #0044cc #002a80; |
|||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
|||
color: #fff; |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|||
} |
|||
.datetimepicker table tr td span.active:hover, |
|||
.datetimepicker table tr td span.active:hover:hover, |
|||
.datetimepicker table tr td span.active.disabled:hover, |
|||
.datetimepicker table tr td span.active.disabled:hover:hover, |
|||
.datetimepicker table tr td span.active:active, |
|||
.datetimepicker table tr td span.active:hover:active, |
|||
.datetimepicker table tr td span.active.disabled:active, |
|||
.datetimepicker table tr td span.active.disabled:hover:active, |
|||
.datetimepicker table tr td span.active.active, |
|||
.datetimepicker table tr td span.active:hover.active, |
|||
.datetimepicker table tr td span.active.disabled.active, |
|||
.datetimepicker table tr td span.active.disabled:hover.active, |
|||
.datetimepicker table tr td span.active.disabled, |
|||
.datetimepicker table tr td span.active:hover.disabled, |
|||
.datetimepicker table tr td span.active.disabled.disabled, |
|||
.datetimepicker table tr td span.active.disabled:hover.disabled, |
|||
.datetimepicker table tr td span.active[disabled], |
|||
.datetimepicker table tr td span.active:hover[disabled], |
|||
.datetimepicker table tr td span.active.disabled[disabled], |
|||
.datetimepicker table tr td span.active.disabled:hover[disabled] { |
|||
background-color: #0044cc; |
|||
} |
|||
.datetimepicker table tr td span.active:active, |
|||
.datetimepicker table tr td span.active:hover:active, |
|||
.datetimepicker table tr td span.active.disabled:active, |
|||
.datetimepicker table tr td span.active.disabled:hover:active, |
|||
.datetimepicker table tr td span.active.active, |
|||
.datetimepicker table tr td span.active:hover.active, |
|||
.datetimepicker table tr td span.active.disabled.active, |
|||
.datetimepicker table tr td span.active.disabled:hover.active { |
|||
background-color: #003399 \9; |
|||
} |
|||
.datetimepicker table tr td span.old { |
|||
color: #999999; |
|||
} |
|||
.datetimepicker th.switch { |
|||
width: 145px; |
|||
} |
|||
.datetimepicker thead tr:first-child th, |
|||
.datetimepicker tfoot tr:first-child th { |
|||
cursor: pointer; |
|||
} |
|||
.datetimepicker thead tr:first-child th:hover, |
|||
.datetimepicker tfoot tr:first-child th:hover { |
|||
background: #eeeeee; |
|||
} |
|||
.input-append.date .add-on i, |
|||
.input-prepend.date .add-on i { |
|||
cursor: pointer; |
|||
width: 14px; |
|||
height: 14px; |
|||
} |
|||
@ -0,0 +1,287 @@ |
|||
/*** |
|||
Default theme |
|||
***/ |
|||
/*** |
|||
Reset and overrides |
|||
***/ |
|||
body { |
|||
background-color: #3d3d3d !important; |
|||
} |
|||
/*** |
|||
Page header |
|||
***/ |
|||
.header .navbar-inner { |
|||
filter: none !important; |
|||
background-image: none !important; |
|||
background-color: #212121 !important; |
|||
} |
|||
.header .btn-navbar { |
|||
background-color: #212121 !important; |
|||
} |
|||
.header .nav .dropdown-toggle:hover, |
|||
.header .nav .dropdown.open .dropdown-toggle { |
|||
background-color: #383838 !important; |
|||
} |
|||
.header .nav li.dropdown .dropdown-toggle i { |
|||
color: #8a8a8a !important; |
|||
} |
|||
/*** |
|||
Page sidebar |
|||
***/ |
|||
.page-sidebar { |
|||
background-color: #3d3d3d; |
|||
} |
|||
ul.page-sidebar-menu > li > a { |
|||
border-top: 1px solid #5c5c5c !important; |
|||
color: #ffffff !important; |
|||
} |
|||
ul.page-sidebar-menu > li:last-child > a { |
|||
border-bottom: 1px solid transparent !important; |
|||
} |
|||
ul.page-sidebar-menu > li a i { |
|||
color: #969696; |
|||
} |
|||
ul.page-sidebar-menu > li.open > a, |
|||
ul.page-sidebar-menu > li > a:hover, |
|||
ul.page-sidebar-menu > li:hover > a { |
|||
background: #303030; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a { |
|||
background: #e02222 !important; |
|||
border-top-color: transparent !important; |
|||
color: #ffffff; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a i { |
|||
color: #ffffff; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a { |
|||
border-top: 0px !important; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a, |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { |
|||
color: #ffffff !important; |
|||
background: #575757 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { |
|||
background: #575757 !important; |
|||
} |
|||
/* 3rd level sub menu */ |
|||
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a, |
|||
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover, |
|||
ul.page-sidebar-menu > li > ul.sub-menu li.open > a { |
|||
color: #ffffff !important; |
|||
background: #575757 !important; |
|||
} |
|||
/* font color for all sub menu links*/ |
|||
ul.page-sidebar-menu li > ul.sub-menu > li > a { |
|||
color: #bdbdbd; |
|||
} |
|||
/* menu arrows */ |
|||
ul.page-sidebar-menu > li > a .arrow:before, |
|||
ul.page-sidebar-menu > li > a .arrow.open:before { |
|||
color: #7d7d7d !important; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, |
|||
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before { |
|||
color: #707070 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > a > .arrow.open:before { |
|||
color: #8a8a8a !important; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a .arrow:before, |
|||
ul.page-sidebar-menu > li.active > a .arrow.open:before { |
|||
color: #ffffff !important; |
|||
} |
|||
/* sidebar search */ |
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #242424 !important; |
|||
color: #7d7d7d; |
|||
} |
|||
.page-sidebar .sidebar-search input::-webkit-input-placeholder { |
|||
color: #7d7d7d !important; |
|||
} |
|||
.page-sidebar .sidebar-search input:-moz-placeholder { |
|||
color: #7d7d7d !important; |
|||
} |
|||
.page-sidebar .sidebar-search input:-ms-input-placeholder { |
|||
color: #7d7d7d !important; |
|||
} |
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #3d3d3d !important; |
|||
color: #bfbfbf !important; |
|||
} |
|||
.page-sidebar .sidebar-search .input-box { |
|||
border-bottom: 1px solid #7d7d7d !important; |
|||
} |
|||
.page-sidebar .sidebar-search .submit { |
|||
background-image: url(../image/search-icon.png); |
|||
} |
|||
/*** |
|||
Sidebar toggler |
|||
***/ |
|||
.sidebar-toggler { |
|||
background-image: url(../image/sidebar-toggler.jpg); |
|||
background-color: #242424; |
|||
} |
|||
/* search box bg color on expanded */ |
|||
.page-sidebar-closed .page-sidebar .sidebar-search.open { |
|||
background-color: #3d3d3d !important; |
|||
} |
|||
.page-sidebar-closed .page-sidebar .sidebar-search.open .remove { |
|||
background-image: url("../image/sidebar-search-close.png"); |
|||
} |
|||
/* sub menu bg color on hover menu item */ |
|||
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu { |
|||
background-color: #3d3d3d; |
|||
} |
|||
/*** |
|||
Horizontal Menu(new in v1.2) |
|||
***/ |
|||
/*search*/ |
|||
.header .hor-menu .hor-menu-search-form-toggler.hide { |
|||
background: #000000 url(../image/hor-menu-search-close.png) no-repeat center; |
|||
} |
|||
.header .hor-menu .search-form { |
|||
background: #000000; |
|||
} |
|||
.header .hor-menu .search-form .btn { |
|||
color: #d6d6d6; |
|||
background: #000000 url(../image/search-icon.png) no-repeat center; |
|||
} |
|||
.header .hor-menu .search-form form input { |
|||
color: #d6d6d6; |
|||
} |
|||
.header .hor-menu .search-form form input::-webkit-input-placeholder { |
|||
/* WebKit browsers */ |
|||
|
|||
color: #d6d6d6; |
|||
} |
|||
.header .hor-menu .search-form form input:-moz-placeholder { |
|||
/* Mozilla Firefox 4 to 18 */ |
|||
|
|||
color: #d6d6d6; |
|||
} |
|||
.header .hor-menu .search-form form input::-moz-placeholder { |
|||
/* Mozilla Firefox 19+ */ |
|||
|
|||
color: #d6d6d6; |
|||
} |
|||
.header .hor-menu .search-form form input:-ms-input-placeholder { |
|||
/* Internet Explorer 10+ */ |
|||
|
|||
color: #d6d6d6; |
|||
} |
|||
/*** |
|||
Footer |
|||
***/ |
|||
.footer .footer-inner { |
|||
color: #999999; |
|||
} |
|||
.footer .footer-tools .go-top { |
|||
background-color: #4f4f4f; |
|||
} |
|||
.footer .footer-tools .go-top:hover { |
|||
opacity: 0.7; |
|||
filter: alpha(opacity=70); |
|||
} |
|||
.footer .footer-tools .go-top i { |
|||
color: #8a8a8a; |
|||
} |
|||
/*** |
|||
Footer Layouts (new in v1.3) |
|||
***/ |
|||
/* begin:fixed footer */ |
|||
.page-footer-fixed .footer { |
|||
background-color: #242424; |
|||
} |
|||
.page-footer-fixed .footer .footer-inner { |
|||
color: #999999; |
|||
} |
|||
.page-footer-fixed .footer .footer-tools .go-top { |
|||
background-color: #4f4f4f; |
|||
} |
|||
.page-footer-fixed .footer .footer-tools .go-top i { |
|||
color: #8a8a8a; |
|||
} |
|||
/* end:fixed footer */ |
|||
/*** |
|||
Gritter Notifications |
|||
***/ |
|||
.gritter-top { |
|||
background: url(../image/gritter.png) no-repeat left -30px !important; |
|||
} |
|||
.gritter-bottom { |
|||
background: url(../image/gritter.png) no-repeat left bottom !important; |
|||
} |
|||
.gritter-item { |
|||
display: block; |
|||
background: url(../image/gritter.png) no-repeat left -40px !important; |
|||
} |
|||
.gritter-close { |
|||
background: url(../image/gritter.png) no-repeat left top !important; |
|||
} |
|||
.gritter-title { |
|||
text-shadow: none !important; |
|||
/* Not supported by IE :( */ |
|||
|
|||
} |
|||
/* for the light (white) version of the gritter notice */ |
|||
.gritter-light .gritter-item, |
|||
.gritter-light .gritter-bottom, |
|||
.gritter-light .gritter-top, |
|||
.gritter-light .gritter-close { |
|||
background-image: url(../image/gritter-light.png) !important; |
|||
} |
|||
.gritter-item-wrapper a { |
|||
color: #18a5ed; |
|||
} |
|||
.gritter-item-wrapper a:hover { |
|||
color: #0b6694; |
|||
} |
|||
/* begin: boxed page */ |
|||
@media (min-width: 980px) { |
|||
.page-boxed { |
|||
background-color: #2e2e2e !important; |
|||
} |
|||
.page-boxed .page-container { |
|||
background-color: #3d3d3d; |
|||
border-left: 1px solid #5e5e5e; |
|||
border-bottom: 1px solid #5e5e5e; |
|||
} |
|||
.page-boxed.page-sidebar-fixed .page-container { |
|||
border-left: 0; |
|||
border-bottom: 0; |
|||
} |
|||
.page-boxed.page-sidebar-fixed .page-sidebar { |
|||
border-left: 1px solid #5e5e5e; |
|||
} |
|||
.page-boxed.page-sidebar-fixed.page-footer-fixed .footer { |
|||
background-color: #2e2e2e !important; |
|||
} |
|||
} |
|||
/* end: boxed page */ |
|||
/*** |
|||
Landscape phone to portrait tablet |
|||
***/ |
|||
@media (max-width: 979px) { |
|||
/*** |
|||
page sidebar |
|||
***/ |
|||
.page-sidebar { |
|||
background-color: #292929 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > a { |
|||
border-top: 1px solid #4a4a4a !important; |
|||
} |
|||
ul.page-sidebar-menu > li:last-child > a { |
|||
border-bottom: 0 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #292929 !important; |
|||
} |
|||
ul.page-sidebar-menu > li.open > a, |
|||
ul.page-sidebar-menu > li > a:hover, |
|||
ul.page-sidebar-menu > li:hover > a { |
|||
background: #1e1e1e; |
|||
} |
|||
} |
|||
@ -0,0 +1,388 @@ |
|||
/* The MIT License */ |
|||
.dropzone, |
|||
.dropzone *, |
|||
.dropzone-previews, |
|||
.dropzone-previews * { |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
.dropzone { |
|||
position: relative; |
|||
border: 1px solid rgba(0,0,0,0.08); |
|||
background: rgba(0,0,0,0.02); |
|||
padding: 1em; |
|||
} |
|||
.dropzone.dz-clickable { |
|||
cursor: pointer; |
|||
} |
|||
.dropzone.dz-clickable .dz-message, |
|||
.dropzone.dz-clickable .dz-message span { |
|||
cursor: pointer; |
|||
} |
|||
.dropzone.dz-clickable * { |
|||
cursor: default; |
|||
} |
|||
.dropzone .dz-message { |
|||
opacity: 1; |
|||
-ms-filter: none; |
|||
filter: none; |
|||
} |
|||
.dropzone.dz-drag-hover { |
|||
border-color: rgba(0,0,0,0.15); |
|||
background: rgba(0,0,0,0.04); |
|||
} |
|||
.dropzone.dz-started .dz-message { |
|||
display: none; |
|||
} |
|||
.dropzone .dz-preview, |
|||
.dropzone-previews .dz-preview { |
|||
background: rgba(255,255,255,0.8); |
|||
position: relative; |
|||
display: inline-block; |
|||
margin: 17px; |
|||
vertical-align: top; |
|||
border: 1px solid #acacac; |
|||
padding: 6px 6px 6px 6px; |
|||
} |
|||
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], |
|||
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { |
|||
display: none; |
|||
} |
|||
.dropzone .dz-preview .dz-details, |
|||
.dropzone-previews .dz-preview .dz-details { |
|||
width: 100px; |
|||
height: 100px; |
|||
position: relative; |
|||
background: #ebebeb; |
|||
padding: 5px; |
|||
margin-bottom: 22px; |
|||
} |
|||
.dropzone .dz-preview .dz-details .dz-filename, |
|||
.dropzone-previews .dz-preview .dz-details .dz-filename { |
|||
overflow: hidden; |
|||
height: 100%; |
|||
} |
|||
.dropzone .dz-preview .dz-details img, |
|||
.dropzone-previews .dz-preview .dz-details img { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100px; |
|||
height: 100px; |
|||
} |
|||
.dropzone .dz-preview .dz-details .dz-size, |
|||
.dropzone-previews .dz-preview .dz-details .dz-size { |
|||
position: absolute; |
|||
bottom: -28px; |
|||
left: 3px; |
|||
height: 28px; |
|||
line-height: 28px; |
|||
} |
|||
.dropzone .dz-preview.dz-error .dz-error-mark, |
|||
.dropzone-previews .dz-preview.dz-error .dz-error-mark { |
|||
display: block; |
|||
} |
|||
.dropzone .dz-preview.dz-success .dz-success-mark, |
|||
.dropzone-previews .dz-preview.dz-success .dz-success-mark { |
|||
display: block; |
|||
} |
|||
.dropzone .dz-preview:hover .dz-details img, |
|||
.dropzone-previews .dz-preview:hover .dz-details img { |
|||
display: none; |
|||
} |
|||
.dropzone .dz-preview .dz-success-mark, |
|||
.dropzone-previews .dz-preview .dz-success-mark, |
|||
.dropzone .dz-preview .dz-error-mark, |
|||
.dropzone-previews .dz-preview .dz-error-mark { |
|||
display: none; |
|||
position: absolute; |
|||
width: 40px; |
|||
height: 40px; |
|||
font-size: 30px; |
|||
text-align: center; |
|||
right: -10px; |
|||
top: -10px; |
|||
} |
|||
.dropzone .dz-preview .dz-success-mark, |
|||
.dropzone-previews .dz-preview .dz-success-mark { |
|||
color: #8cc657; |
|||
} |
|||
.dropzone .dz-preview .dz-error-mark, |
|||
.dropzone-previews .dz-preview .dz-error-mark { |
|||
color: #ee162d; |
|||
} |
|||
.dropzone .dz-preview .dz-progress, |
|||
.dropzone-previews .dz-preview .dz-progress { |
|||
position: absolute; |
|||
top: 100px; |
|||
left: 6px; |
|||
right: 6px; |
|||
height: 6px; |
|||
background: #d7d7d7; |
|||
display: none; |
|||
} |
|||
.dropzone .dz-preview .dz-progress .dz-upload, |
|||
.dropzone-previews .dz-preview .dz-progress .dz-upload { |
|||
position: absolute; |
|||
top: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
width: 0%; |
|||
background-color: #8cc657; |
|||
} |
|||
.dropzone .dz-preview.dz-processing .dz-progress, |
|||
.dropzone-previews .dz-preview.dz-processing .dz-progress { |
|||
display: block; |
|||
} |
|||
.dropzone .dz-preview .dz-error-message, |
|||
.dropzone-previews .dz-preview .dz-error-message { |
|||
display: none; |
|||
position: absolute; |
|||
top: -5px; |
|||
left: -20px; |
|||
background: rgba(245,245,245,0.8); |
|||
padding: 8px 10px; |
|||
color: #800; |
|||
min-width: 140px; |
|||
max-width: 500px; |
|||
z-index: 500; |
|||
} |
|||
.dropzone .dz-preview:hover.dz-error .dz-error-message, |
|||
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message { |
|||
display: block; |
|||
} |
|||
.dropzone { |
|||
border: 1px solid rgba(0,0,0,0.03); |
|||
min-height: 360px; |
|||
-webkit-border-radius: 3px; |
|||
border-radius: 3px; |
|||
background: rgba(0,0,0,0.03); |
|||
padding: 23px; |
|||
} |
|||
.dropzone .dz-default.dz-message { |
|||
opacity: 1; |
|||
-ms-filter: none; |
|||
filter: none; |
|||
-webkit-transition: opacity 0.3s ease-in-out; |
|||
-moz-transition: opacity 0.3s ease-in-out; |
|||
-o-transition: opacity 0.3s ease-in-out; |
|||
-ms-transition: opacity 0.3s ease-in-out; |
|||
transition: opacity 0.3s ease-in-out; |
|||
background-image: url("../image/spritemap.png"); |
|||
background-repeat: no-repeat; |
|||
background-position: 0 0; |
|||
position: absolute; |
|||
width: 428px; |
|||
height: 123px; |
|||
margin-left: -214px; |
|||
margin-top: -61.5px; |
|||
top: 50%; |
|||
left: 50%; |
|||
} |
|||
@media all and (-webkit-min-device-pixel-ratio: 1.5) { |
|||
.dropzone .dz-default.dz-message { |
|||
background-image: url("../image/spritemap@2x.png"); |
|||
-webkit-background-size: 428px 406px; |
|||
-moz-background-size: 428px 406px; |
|||
background-size: 428px 406px; |
|||
} |
|||
} |
|||
.dropzone .dz-default.dz-message span { |
|||
display: none; |
|||
} |
|||
.dropzone.dz-square .dz-default.dz-message { |
|||
background-position: 0 -123px; |
|||
width: 268px; |
|||
margin-left: -134px; |
|||
height: 174px; |
|||
margin-top: -87px; |
|||
} |
|||
.dropzone.dz-drag-hover .dz-message { |
|||
opacity: 0.15; |
|||
filter: alpha(opacity=15); |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; |
|||
} |
|||
.dropzone.dz-started .dz-message { |
|||
display: block; |
|||
opacity: 0; |
|||
filter: alpha(opacity=0); |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
|||
} |
|||
.dropzone .dz-preview, |
|||
.dropzone-previews .dz-preview { |
|||
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16); |
|||
box-shadow: 1px 1px 4px rgba(0,0,0,0.16); |
|||
font-size: 14px; |
|||
} |
|||
.dropzone .dz-preview.dz-image-preview:hover .dz-details img, |
|||
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { |
|||
display: block; |
|||
opacity: 0.1; |
|||
filter: alpha(opacity=10); |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; |
|||
} |
|||
.dropzone .dz-preview.dz-success .dz-success-mark, |
|||
.dropzone-previews .dz-preview.dz-success .dz-success-mark { |
|||
opacity: 1; |
|||
-ms-filter: none; |
|||
filter: none; |
|||
} |
|||
.dropzone .dz-preview.dz-error .dz-error-mark, |
|||
.dropzone-previews .dz-preview.dz-error .dz-error-mark { |
|||
opacity: 1; |
|||
-ms-filter: none; |
|||
filter: none; |
|||
} |
|||
.dropzone .dz-preview.dz-error .dz-progress .dz-upload, |
|||
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { |
|||
background: #ee1e2d; |
|||
} |
|||
.dropzone .dz-preview .dz-error-mark, |
|||
.dropzone-previews .dz-preview .dz-error-mark, |
|||
.dropzone .dz-preview .dz-success-mark, |
|||
.dropzone-previews .dz-preview .dz-success-mark { |
|||
display: block; |
|||
opacity: 0; |
|||
filter: alpha(opacity=0); |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
|||
-webkit-transition: opacity 0.4s ease-in-out; |
|||
-moz-transition: opacity 0.4s ease-in-out; |
|||
-o-transition: opacity 0.4s ease-in-out; |
|||
-ms-transition: opacity 0.4s ease-in-out; |
|||
transition: opacity 0.4s ease-in-out; |
|||
background-image: url("../image/spritemap.png"); |
|||
background-repeat: no-repeat; |
|||
} |
|||
@media all and (-webkit-min-device-pixel-ratio: 1.5) { |
|||
.dropzone .dz-preview .dz-error-mark, |
|||
.dropzone-previews .dz-preview .dz-error-mark, |
|||
.dropzone .dz-preview .dz-success-mark, |
|||
.dropzone-previews .dz-preview .dz-success-mark { |
|||
background-image: url("../image/spritemap@2x.png"); |
|||
-webkit-background-size: 428px 406px; |
|||
-moz-background-size: 428px 406px; |
|||
background-size: 428px 406px; |
|||
} |
|||
} |
|||
.dropzone .dz-preview .dz-error-mark span, |
|||
.dropzone-previews .dz-preview .dz-error-mark span, |
|||
.dropzone .dz-preview .dz-success-mark span, |
|||
.dropzone-previews .dz-preview .dz-success-mark span { |
|||
display: none; |
|||
} |
|||
.dropzone .dz-preview .dz-error-mark, |
|||
.dropzone-previews .dz-preview .dz-error-mark { |
|||
background-position: -268px -123px; |
|||
} |
|||
.dropzone .dz-preview .dz-success-mark, |
|||
.dropzone-previews .dz-preview .dz-success-mark { |
|||
background-position: -268px -163px; |
|||
} |
|||
.dropzone .dz-preview .dz-progress .dz-upload, |
|||
.dropzone-previews .dz-preview .dz-progress .dz-upload { |
|||
-webkit-animation: loading 0.4s linear infinite; |
|||
-moz-animation: loading 0.4s linear infinite; |
|||
-o-animation: loading 0.4s linear infinite; |
|||
-ms-animation: loading 0.4s linear infinite; |
|||
animation: loading 0.4s linear infinite; |
|||
-webkit-transition: width 0.3s ease-in-out; |
|||
-moz-transition: width 0.3s ease-in-out; |
|||
-o-transition: width 0.3s ease-in-out; |
|||
-ms-transition: width 0.3s ease-in-out; |
|||
transition: width 0.3s ease-in-out; |
|||
-webkit-border-radius: 2px; |
|||
border-radius: 2px; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 0%; |
|||
height: 100%; |
|||
background-image: url("../image/spritemap.png"); |
|||
background-repeat: repeat-x; |
|||
background-position: 0px -400px; |
|||
} |
|||
@media all and (-webkit-min-device-pixel-ratio: 1.5) { |
|||
.dropzone .dz-preview .dz-progress .dz-upload, |
|||
.dropzone-previews .dz-preview .dz-progress .dz-upload { |
|||
background-image: url("../image/spritemap@2x.png"); |
|||
-webkit-background-size: 428px 406px; |
|||
-moz-background-size: 428px 406px; |
|||
background-size: 428px 406px; |
|||
} |
|||
} |
|||
.dropzone .dz-preview.dz-success .dz-progress, |
|||
.dropzone-previews .dz-preview.dz-success .dz-progress { |
|||
display: block; |
|||
opacity: 0; |
|||
filter: alpha(opacity=0); |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
|||
-webkit-transition: opacity 0.4s ease-in-out; |
|||
-moz-transition: opacity 0.4s ease-in-out; |
|||
-o-transition: opacity 0.4s ease-in-out; |
|||
-ms-transition: opacity 0.4s ease-in-out; |
|||
transition: opacity 0.4s ease-in-out; |
|||
} |
|||
.dropzone .dz-preview .dz-error-message, |
|||
.dropzone-previews .dz-preview .dz-error-message { |
|||
display: block; |
|||
opacity: 0; |
|||
filter: alpha(opacity=0); |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
|||
-webkit-transition: opacity 0.3s ease-in-out; |
|||
-moz-transition: opacity 0.3s ease-in-out; |
|||
-o-transition: opacity 0.3s ease-in-out; |
|||
-ms-transition: opacity 0.3s ease-in-out; |
|||
transition: opacity 0.3s ease-in-out; |
|||
} |
|||
.dropzone .dz-preview:hover.dz-error .dz-error-message, |
|||
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message { |
|||
opacity: 1; |
|||
-ms-filter: none; |
|||
filter: none; |
|||
} |
|||
@-moz-keyframes loading { |
|||
0% { |
|||
background-position: 0 -400px; |
|||
} |
|||
|
|||
100% { |
|||
background-position: -7px -400px; |
|||
} |
|||
} |
|||
@-webkit-keyframes loading { |
|||
0% { |
|||
background-position: 0 -400px; |
|||
} |
|||
|
|||
100% { |
|||
background-position: -7px -400px; |
|||
} |
|||
} |
|||
@-o-keyframes loading { |
|||
0% { |
|||
background-position: 0 -400px; |
|||
} |
|||
|
|||
100% { |
|||
background-position: -7px -400px; |
|||
} |
|||
} |
|||
@-ms-keyframes loading { |
|||
0% { |
|||
background-position: 0 -400px; |
|||
} |
|||
|
|||
100% { |
|||
background-position: -7px -400px; |
|||
} |
|||
} |
|||
@keyframes loading { |
|||
0% { |
|||
background-position: 0 -400px; |
|||
} |
|||
|
|||
100% { |
|||
background-position: -7px -400px; |
|||
} |
|||
} |
|||
@ -0,0 +1,34 @@ |
|||
/*--------------------------------------------------| |
|||
| dTree 2.05 | www.destroydrop.com/javascript/tree/ | |
|||
|---------------------------------------------------| |
|||
| Copyright (c) 2002-2003 Geir Landrö | |
|||
|--------------------------------------------------*/ |
|||
|
|||
.dtree { |
|||
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; |
|||
font-size: 11px; |
|||
color: #666; |
|||
white-space: nowrap; |
|||
} |
|||
.dtree img { |
|||
border: 0px; |
|||
vertical-align: middle; |
|||
} |
|||
.dtree a { |
|||
color: #333; |
|||
text-decoration: none; |
|||
} |
|||
.dtree a.node, .dtree a.nodeSel { |
|||
white-space: nowrap; |
|||
padding: 1px 2px 1px 2px; |
|||
} |
|||
.dtree a.node:hover, .dtree a.nodeSel:hover { |
|||
color: #333; |
|||
text-decoration: underline; |
|||
} |
|||
.dtree a.nodeSel { |
|||
background-color: #c0d2ec; |
|||
} |
|||
.dtree .clip { |
|||
overflow: hidden; |
|||
} |
|||
@ -0,0 +1,48 @@ |
|||
/*** |
|||
Email Template Page |
|||
***/ |
|||
.mail-template ul { |
|||
padding:0px; |
|||
margin: 0px; |
|||
list-style:none; |
|||
} |
|||
|
|||
.mail-template li { |
|||
margin:0 5px; |
|||
cursor:pointer; |
|||
list-style:none; |
|||
border:solid 2px #fff; |
|||
} |
|||
|
|||
.mail-template li:hover { |
|||
border:solid 2px #aaa; |
|||
} |
|||
|
|||
.mail-template li a{ |
|||
display:block; |
|||
padding:25px; |
|||
} |
|||
|
|||
.mail-template li a:hover { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.mail-template li.color-black { |
|||
background:#1f1f1f; |
|||
} |
|||
|
|||
.mail-template li.color-darkblue { |
|||
background:#1570a6; |
|||
} |
|||
|
|||
.mail-template li.color-lightblue { |
|||
background:#4aabf9; |
|||
} |
|||
|
|||
.mail-template li.color-red { |
|||
background:#eb4d41; |
|||
} |
|||
|
|||
.mail-template li.color-green { |
|||
background:#28b779; |
|||
} |
|||
@ -0,0 +1,141 @@ |
|||
/*** |
|||
Error Pages |
|||
***/ |
|||
|
|||
/* 404 page option #1 */ |
|||
|
|||
.page-404 { |
|||
text-align: center; |
|||
} |
|||
|
|||
.page-404 .number { |
|||
display: inline-block; |
|||
letter-spacing: -10px; |
|||
margin-top: 0px; |
|||
line-height: 128px; |
|||
font-size: 158px; |
|||
font-weight: 300; |
|||
color: #7bbbd6; |
|||
text-align: right; |
|||
} |
|||
|
|||
.page-404 .details { |
|||
margin-left: 40px; |
|||
display: inline-block; |
|||
padding-top: 0px; |
|||
text-align: left; |
|||
} |
|||
|
|||
/* 500 page option #1 */ |
|||
.page-500 { |
|||
text-align: center; |
|||
} |
|||
|
|||
.page-500 .number { |
|||
display: inline-block; |
|||
letter-spacing: -10px; |
|||
line-height: 128px; |
|||
font-size: 158px; |
|||
font-weight: 300; |
|||
color: #ec8c8c; |
|||
text-align: right; |
|||
} |
|||
|
|||
.page-500 .details { |
|||
margin-left: 40px; |
|||
display: inline-block; |
|||
text-align: left; |
|||
} |
|||
|
|||
/* 404 page option #2*/ |
|||
.page-404-full-page { |
|||
padding: 20px; |
|||
background-color: #fafafa !important; |
|||
} |
|||
|
|||
.page-404-full-page .details input { |
|||
background-color: #ffffff; |
|||
} |
|||
|
|||
.page-404-full-page .page-404 { |
|||
margin-top: 100px; |
|||
} |
|||
|
|||
/* 500 page option #2*/ |
|||
.page-500-full-page { |
|||
padding: 20px; |
|||
background-color: #fafafa !important; |
|||
} |
|||
|
|||
.page-500-full-page .details input { |
|||
background-color: #ffffff; |
|||
} |
|||
|
|||
.page-500-full-page .page-500 { |
|||
margin-top: 100px; |
|||
} |
|||
|
|||
/* 404 page option #3*/ |
|||
|
|||
.page-404-3 { |
|||
background: #000 !important ; |
|||
} |
|||
|
|||
.page-404-3 .page-inner img { |
|||
right: 0; |
|||
bottom: 0; |
|||
z-index: -1; |
|||
position: absolute; |
|||
} |
|||
|
|||
.page-404-3 .error-404 { |
|||
color: #fff; |
|||
text-align: left; |
|||
padding: 70px 20px 0; |
|||
} |
|||
|
|||
.page-404-3 h1 { |
|||
color: #fff; |
|||
font-size: 130px; |
|||
line-height: 160px; |
|||
} |
|||
|
|||
.page-404-3 h2 { |
|||
color: #fff; |
|||
font-size: 30px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.page-404-3 p { |
|||
color: #fff; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
|
|||
@media (max-width: 480px) { |
|||
|
|||
.page-404 .number, |
|||
.page-500 .number, |
|||
.page-404 .details, |
|||
.page-500 .details { |
|||
text-align: center; |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
.page-404-full-page .page-404 { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.page-404-3 .error-404 { |
|||
text-align: left; |
|||
padding-top: 10px; |
|||
} |
|||
|
|||
.page-404-3 .page-inner img { |
|||
right: 0; |
|||
bottom: 0; |
|||
z-index: -1; |
|||
position: fixed; |
|||
} |
|||
|
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,402 @@ |
|||
@font-face{font-family:'FontAwesome';src:url('../image/fontawesome-webfont.eot');src:url('../image/fontawesome-webfont.eot') format('embedded-opentype'),url('../image/fontawesome-webfont.woff') format('woff'),url('../image/fontawesome-webfont.ttf') format('truetype'),url('../image/fontawesome-webfont.svg#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;} |
|||
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;cursor:default;speak:none;} |
|||
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;} |
|||
a [class^="icon-"],a [class*=" icon-"]{display:inline;} |
|||
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;} |
|||
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;} |
|||
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;} |
|||
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;} |
|||
.icon-muted{color:#eeeeee;} |
|||
.icon-light{color:#ffffff;} |
|||
.icon-dark{color:#333333;} |
|||
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} |
|||
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} |
|||
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} |
|||
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} |
|||
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;} |
|||
.pull-right{float:right;} |
|||
.pull-left{float:left;} |
|||
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;} |
|||
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;} |
|||
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;} |
|||
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;} |
|||
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;} |
|||
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;} |
|||
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;} |
|||
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;} |
|||
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;} |
|||
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;} |
|||
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;} |
|||
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;} |
|||
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;} |
|||
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;} |
|||
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;} |
|||
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;} |
|||
a .icon-spin{display:inline-block;text-decoration:none;} |
|||
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} |
|||
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);} |
|||
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} |
|||
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);} |
|||
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);} |
|||
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;} |
|||
.icon-glass:before{content:"\f000";} |
|||
.icon-music:before{content:"\f001";} |
|||
.icon-search:before{content:"\f002";} |
|||
.icon-envelope-alt:before{content:"\f003";} |
|||
.icon-heart:before{content:"\f004";} |
|||
.icon-star:before{content:"\f005";} |
|||
.icon-star-empty:before{content:"\f006";} |
|||
.icon-user:before{content:"\f007";} |
|||
.icon-film:before{content:"\f008";} |
|||
.icon-th-large:before{content:"\f009";} |
|||
.icon-th:before{content:"\f00a";} |
|||
.icon-th-list:before{content:"\f00b";} |
|||
.icon-ok:before{content:"\f00c";} |
|||
.icon-remove:before{content:"\f00d";} |
|||
.icon-zoom-in:before{content:"\f00e";} |
|||
.icon-zoom-out:before{content:"\f010";} |
|||
.icon-power-off:before,.icon-off:before{content:"\f011";} |
|||
.icon-signal:before{content:"\f012";} |
|||
.icon-cog:before{content:"\f013";} |
|||
.icon-trash:before{content:"\f014";} |
|||
.icon-home:before{content:"\f015";} |
|||
.icon-file-alt:before{content:"\f016";} |
|||
.icon-time:before{content:"\f017";} |
|||
.icon-road:before{content:"\f018";} |
|||
.icon-download-alt:before{content:"\f019";} |
|||
.icon-download:before{content:"\f01a";} |
|||
.icon-upload:before{content:"\f01b";} |
|||
.icon-inbox:before{content:"\f01c";} |
|||
.icon-play-circle:before{content:"\f01d";} |
|||
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";} |
|||
.icon-refresh:before{content:"\f021";} |
|||
.icon-list-alt:before{content:"\f022";} |
|||
.icon-lock:before{content:"\f023";} |
|||
.icon-flag:before{content:"\f024";} |
|||
.icon-headphones:before{content:"\f025";} |
|||
.icon-volume-off:before{content:"\f026";} |
|||
.icon-volume-down:before{content:"\f027";} |
|||
.icon-volume-up:before{content:"\f028";} |
|||
.icon-qrcode:before{content:"\f029";} |
|||
.icon-barcode:before{content:"\f02a";} |
|||
.icon-tag:before{content:"\f02b";} |
|||
.icon-tags:before{content:"\f02c";} |
|||
.icon-book:before{content:"\f02d";} |
|||
.icon-bookmark:before{content:"\f02e";} |
|||
.icon-print:before{content:"\f02f";} |
|||
.icon-camera:before{content:"\f030";} |
|||
.icon-font:before{content:"\f031";} |
|||
.icon-bold:before{content:"\f032";} |
|||
.icon-italic:before{content:"\f033";} |
|||
.icon-text-height:before{content:"\f034";} |
|||
.icon-text-width:before{content:"\f035";} |
|||
.icon-align-left:before{content:"\f036";} |
|||
.icon-align-center:before{content:"\f037";} |
|||
.icon-align-right:before{content:"\f038";} |
|||
.icon-align-justify:before{content:"\f039";} |
|||
.icon-list:before{content:"\f03a";} |
|||
.icon-indent-left:before{content:"\f03b";} |
|||
.icon-indent-right:before{content:"\f03c";} |
|||
.icon-facetime-video:before{content:"\f03d";} |
|||
.icon-picture:before{content:"\f03e";} |
|||
.icon-pencil:before{content:"\f040";} |
|||
.icon-map-marker:before{content:"\f041";} |
|||
.icon-adjust:before{content:"\f042";} |
|||
.icon-tint:before{content:"\f043";} |
|||
.icon-edit:before{content:"\f044";} |
|||
.icon-share:before{content:"\f045";} |
|||
.icon-check:before{content:"\f046";} |
|||
.icon-move:before{content:"\f047";} |
|||
.icon-step-backward:before{content:"\f048";} |
|||
.icon-fast-backward:before{content:"\f049";} |
|||
.icon-backward:before{content:"\f04a";} |
|||
.icon-play:before{content:"\f04b";} |
|||
.icon-pause:before{content:"\f04c";} |
|||
.icon-stop:before{content:"\f04d";} |
|||
.icon-forward:before{content:"\f04e";} |
|||
.icon-fast-forward:before{content:"\f050";} |
|||
.icon-step-forward:before{content:"\f051";} |
|||
.icon-eject:before{content:"\f052";} |
|||
.icon-chevron-left:before{content:"\f053";} |
|||
.icon-chevron-right:before{content:"\f054";} |
|||
.icon-plus-sign:before{content:"\f055";} |
|||
.icon-minus-sign:before{content:"\f056";} |
|||
.icon-remove-sign:before{content:"\f057";} |
|||
.icon-ok-sign:before{content:"\f058";} |
|||
.icon-question-sign:before{content:"\f059";} |
|||
.icon-info-sign:before{content:"\f05a";} |
|||
.icon-screenshot:before{content:"\f05b";} |
|||
.icon-remove-circle:before{content:"\f05c";} |
|||
.icon-ok-circle:before{content:"\f05d";} |
|||
.icon-ban-circle:before{content:"\f05e";} |
|||
.icon-arrow-left:before{content:"\f060";} |
|||
.icon-arrow-right:before{content:"\f061";} |
|||
.icon-arrow-up:before{content:"\f062";} |
|||
.icon-arrow-down:before{content:"\f063";} |
|||
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";} |
|||
.icon-resize-full:before{content:"\f065";} |
|||
.icon-resize-small:before{content:"\f066";} |
|||
.icon-plus:before{content:"\f067";} |
|||
.icon-minus:before{content:"\f068";} |
|||
.icon-asterisk:before{content:"\f069";} |
|||
.icon-exclamation-sign:before{content:"\f06a";} |
|||
.icon-gift:before{content:"\f06b";} |
|||
.icon-leaf:before{content:"\f06c";} |
|||
.icon-fire:before{content:"\f06d";} |
|||
.icon-eye-open:before{content:"\f06e";} |
|||
.icon-eye-close:before{content:"\f070";} |
|||
.icon-warning-sign:before{content:"\f071";} |
|||
.icon-plane:before{content:"\f072";} |
|||
.icon-calendar:before{content:"\f073";} |
|||
.icon-random:before{content:"\f074";} |
|||
.icon-comment:before{content:"\f075";} |
|||
.icon-magnet:before{content:"\f076";} |
|||
.icon-chevron-up:before{content:"\f077";} |
|||
.icon-chevron-down:before{content:"\f078";} |
|||
.icon-retweet:before{content:"\f079";} |
|||
.icon-shopping-cart:before{content:"\f07a";} |
|||
.icon-folder-close:before{content:"\f07b";} |
|||
.icon-folder-open:before{content:"\f07c";} |
|||
.icon-resize-vertical:before{content:"\f07d";} |
|||
.icon-resize-horizontal:before{content:"\f07e";} |
|||
.icon-bar-chart:before{content:"\f080";} |
|||
.icon-twitter-sign:before{content:"\f081";} |
|||
.icon-facebook-sign:before{content:"\f082";} |
|||
.icon-camera-retro:before{content:"\f083";} |
|||
.icon-key:before{content:"\f084";} |
|||
.icon-cogs:before{content:"\f085";} |
|||
.icon-comments:before{content:"\f086";} |
|||
.icon-thumbs-up-alt:before{content:"\f087";} |
|||
.icon-thumbs-down-alt:before{content:"\f088";} |
|||
.icon-star-half:before{content:"\f089";} |
|||
.icon-heart-empty:before{content:"\f08a";} |
|||
.icon-signout:before{content:"\f08b";} |
|||
.icon-linkedin-sign:before{content:"\f08c";} |
|||
.icon-pushpin:before{content:"\f08d";} |
|||
.icon-external-link:before{content:"\f08e";} |
|||
.icon-signin:before{content:"\f090";} |
|||
.icon-trophy:before{content:"\f091";} |
|||
.icon-github-sign:before{content:"\f092";} |
|||
.icon-upload-alt:before{content:"\f093";} |
|||
.icon-lemon:before{content:"\f094";} |
|||
.icon-phone:before{content:"\f095";} |
|||
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";} |
|||
.icon-bookmark-empty:before{content:"\f097";} |
|||
.icon-phone-sign:before{content:"\f098";} |
|||
.icon-twitter:before{content:"\f099";} |
|||
.icon-facebook:before{content:"\f09a";} |
|||
.icon-github:before{content:"\f09b";} |
|||
.icon-unlock:before{content:"\f09c";} |
|||
.icon-credit-card:before{content:"\f09d";} |
|||
.icon-rss:before{content:"\f09e";} |
|||
.icon-hdd:before{content:"\f0a0";} |
|||
.icon-bullhorn:before{content:"\f0a1";} |
|||
.icon-bell:before{content:"\f0a2";} |
|||
.icon-certificate:before{content:"\f0a3";} |
|||
.icon-hand-right:before{content:"\f0a4";} |
|||
.icon-hand-left:before{content:"\f0a5";} |
|||
.icon-hand-up:before{content:"\f0a6";} |
|||
.icon-hand-down:before{content:"\f0a7";} |
|||
.icon-circle-arrow-left:before{content:"\f0a8";} |
|||
.icon-circle-arrow-right:before{content:"\f0a9";} |
|||
.icon-circle-arrow-up:before{content:"\f0aa";} |
|||
.icon-circle-arrow-down:before{content:"\f0ab";} |
|||
.icon-globe:before{content:"\f0ac";} |
|||
.icon-wrench:before{content:"\f0ad";} |
|||
.icon-tasks:before{content:"\f0ae";} |
|||
.icon-filter:before{content:"\f0b0";} |
|||
.icon-briefcase:before{content:"\f0b1";} |
|||
.icon-fullscreen:before{content:"\f0b2";} |
|||
.icon-group:before{content:"\f0c0";} |
|||
.icon-link:before{content:"\f0c1";} |
|||
.icon-cloud:before{content:"\f0c2";} |
|||
.icon-beaker:before{content:"\f0c3";} |
|||
.icon-cut:before{content:"\f0c4";} |
|||
.icon-copy:before{content:"\f0c5";} |
|||
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";} |
|||
.icon-save:before{content:"\f0c7";} |
|||
.icon-sign-blank:before{content:"\f0c8";} |
|||
.icon-reorder:before{content:"\f0c9";} |
|||
.icon-list-ul:before{content:"\f0ca";} |
|||
.icon-list-ol:before{content:"\f0cb";} |
|||
.icon-strikethrough:before{content:"\f0cc";} |
|||
.icon-underline:before{content:"\f0cd";} |
|||
.icon-table:before{content:"\f0ce";} |
|||
.icon-magic:before{content:"\f0d0";} |
|||
.icon-truck:before{content:"\f0d1";} |
|||
.icon-pinterest:before{content:"\f0d2";} |
|||
.icon-pinterest-sign:before{content:"\f0d3";} |
|||
.icon-google-plus-sign:before{content:"\f0d4";} |
|||
.icon-google-plus:before{content:"\f0d5";} |
|||
.icon-money:before{content:"\f0d6";} |
|||
.icon-caret-down:before{content:"\f0d7";} |
|||
.icon-caret-up:before{content:"\f0d8";} |
|||
.icon-caret-left:before{content:"\f0d9";} |
|||
.icon-caret-right:before{content:"\f0da";} |
|||
.icon-columns:before{content:"\f0db";} |
|||
.icon-sort:before{content:"\f0dc";} |
|||
.icon-sort-down:before{content:"\f0dd";} |
|||
.icon-sort-up:before{content:"\f0de";} |
|||
.icon-envelope:before{content:"\f0e0";} |
|||
.icon-linkedin:before{content:"\f0e1";} |
|||
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";} |
|||
.icon-legal:before{content:"\f0e3";} |
|||
.icon-dashboard:before{content:"\f0e4";} |
|||
.icon-comment-alt:before{content:"\f0e5";} |
|||
.icon-comments-alt:before{content:"\f0e6";} |
|||
.icon-bolt:before{content:"\f0e7";} |
|||
.icon-sitemap:before{content:"\f0e8";} |
|||
.icon-umbrella:before{content:"\f0e9";} |
|||
.icon-paste:before{content:"\f0ea";} |
|||
.icon-lightbulb:before{content:"\f0eb";} |
|||
.icon-exchange:before{content:"\f0ec";} |
|||
.icon-cloud-download:before{content:"\f0ed";} |
|||
.icon-cloud-upload:before{content:"\f0ee";} |
|||
.icon-user-md:before{content:"\f0f0";} |
|||
.icon-stethoscope:before{content:"\f0f1";} |
|||
.icon-suitcase:before{content:"\f0f2";} |
|||
.icon-bell-alt:before{content:"\f0f3";} |
|||
.icon-coffee:before{content:"\f0f4";} |
|||
.icon-food:before{content:"\f0f5";} |
|||
.icon-file-text-alt:before{content:"\f0f6";} |
|||
.icon-building:before{content:"\f0f7";} |
|||
.icon-hospital:before{content:"\f0f8";} |
|||
.icon-ambulance:before{content:"\f0f9";} |
|||
.icon-medkit:before{content:"\f0fa";} |
|||
.icon-fighter-jet:before{content:"\f0fb";} |
|||
.icon-beer:before{content:"\f0fc";} |
|||
.icon-h-sign:before{content:"\f0fd";} |
|||
.icon-plus-sign-alt:before{content:"\f0fe";} |
|||
.icon-double-angle-left:before{content:"\f100";} |
|||
.icon-double-angle-right:before{content:"\f101";} |
|||
.icon-double-angle-up:before{content:"\f102";} |
|||
.icon-double-angle-down:before{content:"\f103";} |
|||
.icon-angle-left:before{content:"\f104";} |
|||
.icon-angle-right:before{content:"\f105";} |
|||
.icon-angle-up:before{content:"\f106";} |
|||
.icon-angle-down:before{content:"\f107";} |
|||
.icon-desktop:before{content:"\f108";} |
|||
.icon-laptop:before{content:"\f109";} |
|||
.icon-tablet:before{content:"\f10a";} |
|||
.icon-mobile-phone:before{content:"\f10b";} |
|||
.icon-circle-blank:before{content:"\f10c";} |
|||
.icon-quote-left:before{content:"\f10d";} |
|||
.icon-quote-right:before{content:"\f10e";} |
|||
.icon-spinner:before{content:"\f110";} |
|||
.icon-circle:before{content:"\f111";} |
|||
.icon-mail-reply:before,.icon-reply:before{content:"\f112";} |
|||
.icon-github-alt:before{content:"\f113";} |
|||
.icon-folder-close-alt:before{content:"\f114";} |
|||
.icon-folder-open-alt:before{content:"\f115";} |
|||
.icon-expand-alt:before{content:"\f116";} |
|||
.icon-collapse-alt:before{content:"\f117";} |
|||
.icon-smile:before{content:"\f118";} |
|||
.icon-frown:before{content:"\f119";} |
|||
.icon-meh:before{content:"\f11a";} |
|||
.icon-gamepad:before{content:"\f11b";} |
|||
.icon-keyboard:before{content:"\f11c";} |
|||
.icon-flag-alt:before{content:"\f11d";} |
|||
.icon-flag-checkered:before{content:"\f11e";} |
|||
.icon-terminal:before{content:"\f120";} |
|||
.icon-code:before{content:"\f121";} |
|||
.icon-reply-all:before{content:"\f122";} |
|||
.icon-mail-reply-all:before{content:"\f122";} |
|||
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";} |
|||
.icon-location-arrow:before{content:"\f124";} |
|||
.icon-crop:before{content:"\f125";} |
|||
.icon-code-fork:before{content:"\f126";} |
|||
.icon-unlink:before{content:"\f127";} |
|||
.icon-question:before{content:"\f128";} |
|||
.icon-info:before{content:"\f129";} |
|||
.icon-exclamation:before{content:"\f12a";} |
|||
.icon-superscript:before{content:"\f12b";} |
|||
.icon-subscript:before{content:"\f12c";} |
|||
.icon-eraser:before{content:"\f12d";} |
|||
.icon-puzzle-piece:before{content:"\f12e";} |
|||
.icon-microphone:before{content:"\f130";} |
|||
.icon-microphone-off:before{content:"\f131";} |
|||
.icon-shield:before{content:"\f132";} |
|||
.icon-calendar-empty:before{content:"\f133";} |
|||
.icon-fire-extinguisher:before{content:"\f134";} |
|||
.icon-rocket:before{content:"\f135";} |
|||
.icon-maxcdn:before{content:"\f136";} |
|||
.icon-chevron-sign-left:before{content:"\f137";} |
|||
.icon-chevron-sign-right:before{content:"\f138";} |
|||
.icon-chevron-sign-up:before{content:"\f139";} |
|||
.icon-chevron-sign-down:before{content:"\f13a";} |
|||
.icon-html5:before{content:"\f13b";} |
|||
.icon-css3:before{content:"\f13c";} |
|||
.icon-anchor:before{content:"\f13d";} |
|||
.icon-unlock-alt:before{content:"\f13e";} |
|||
.icon-bullseye:before{content:"\f140";} |
|||
.icon-ellipsis-horizontal:before{content:"\f141";} |
|||
.icon-ellipsis-vertical:before{content:"\f142";} |
|||
.icon-rss-sign:before{content:"\f143";} |
|||
.icon-play-sign:before{content:"\f144";} |
|||
.icon-ticket:before{content:"\f145";} |
|||
.icon-minus-sign-alt:before{content:"\f146";} |
|||
.icon-check-minus:before{content:"\f147";} |
|||
.icon-level-up:before{content:"\f148";} |
|||
.icon-level-down:before{content:"\f149";} |
|||
.icon-check-sign:before{content:"\f14a";} |
|||
.icon-edit-sign:before{content:"\f14b";} |
|||
.icon-external-link-sign:before{content:"\f14c";} |
|||
.icon-share-sign:before{content:"\f14d";} |
|||
.icon-compass:before{content:"\f14e";} |
|||
.icon-collapse:before{content:"\f150";} |
|||
.icon-collapse-top:before{content:"\f151";} |
|||
.icon-expand:before{content:"\f152";} |
|||
.icon-euro:before,.icon-eur:before{content:"\f153";} |
|||
.icon-gbp:before{content:"\f154";} |
|||
.icon-dollar:before,.icon-usd:before{content:"\f155";} |
|||
.icon-rupee:before,.icon-inr:before{content:"\f156";} |
|||
.icon-yen:before,.icon-jpy:before{content:"\f157";} |
|||
.icon-renminbi:before,.icon-cny:before{content:"\f158";} |
|||
.icon-won:before,.icon-krw:before{content:"\f159";} |
|||
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";} |
|||
.icon-file:before{content:"\f15b";} |
|||
.icon-file-text:before{content:"\f15c";} |
|||
.icon-sort-by-alphabet:before{content:"\f15d";} |
|||
.icon-sort-by-alphabet-alt:before{content:"\f15e";} |
|||
.icon-sort-by-attributes:before{content:"\f160";} |
|||
.icon-sort-by-attributes-alt:before{content:"\f161";} |
|||
.icon-sort-by-order:before{content:"\f162";} |
|||
.icon-sort-by-order-alt:before{content:"\f163";} |
|||
.icon-thumbs-up:before{content:"\f164";} |
|||
.icon-thumbs-down:before{content:"\f165";} |
|||
.icon-youtube-sign:before{content:"\f166";} |
|||
.icon-youtube:before{content:"\f167";} |
|||
.icon-xing:before{content:"\f168";} |
|||
.icon-xing-sign:before{content:"\f169";} |
|||
.icon-youtube-play:before{content:"\f16a";} |
|||
.icon-dropbox:before{content:"\f16b";} |
|||
.icon-stackexchange:before{content:"\f16c";} |
|||
.icon-instagram:before{content:"\f16d";} |
|||
.icon-flickr:before{content:"\f16e";} |
|||
.icon-adn:before{content:"\f170";} |
|||
.icon-bitbucket:before{content:"\f171";} |
|||
.icon-bitbucket-sign:before{content:"\f172";} |
|||
.icon-tumblr:before{content:"\f173";} |
|||
.icon-tumblr-sign:before{content:"\f174";} |
|||
.icon-long-arrow-down:before{content:"\f175";} |
|||
.icon-long-arrow-up:before{content:"\f176";} |
|||
.icon-long-arrow-left:before{content:"\f177";} |
|||
.icon-long-arrow-right:before{content:"\f178";} |
|||
.icon-apple:before{content:"\f179";} |
|||
.icon-windows:before{content:"\f17a";} |
|||
.icon-android:before{content:"\f17b";} |
|||
.icon-linux:before{content:"\f17c";} |
|||
.icon-dribble:before{content:"\f17d";} |
|||
.icon-skype:before{content:"\f17e";} |
|||
.icon-foursquare:before{content:"\f180";} |
|||
.icon-trello:before{content:"\f181";} |
|||
.icon-female:before{content:"\f182";} |
|||
.icon-male:before{content:"\f183";} |
|||
.icon-gittip:before{content:"\f184";} |
|||
.icon-sun:before{content:"\f185";} |
|||
.icon-moon:before{content:"\f186";} |
|||
.icon-archive:before{content:"\f187";} |
|||
.icon-bug:before{content:"\f188";} |
|||
.icon-vk:before{content:"\f189";} |
|||
.icon-weibo:before{content:"\f18a";} |
|||
.icon-renren:before{content:"\f18b";} |
|||
@ -0,0 +1,579 @@ |
|||
/*! |
|||
* FullCalendar v1.6.1 Stylesheet |
|||
* Docs & License: http://arshaw.com/fullcalendar/ |
|||
* (c) 2013 Adam Shaw |
|||
*/ |
|||
|
|||
|
|||
.fc { |
|||
direction: ltr; |
|||
text-align: left; |
|||
} |
|||
|
|||
.fc table { |
|||
border-collapse: collapse; |
|||
border-spacing: 0; |
|||
} |
|||
|
|||
html .fc, |
|||
.fc table { |
|||
font-size: 1em; |
|||
} |
|||
|
|||
.fc td, |
|||
.fc th { |
|||
padding: 0; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
|
|||
|
|||
/* Header |
|||
------------------------------------------------------------------------*/ |
|||
|
|||
.fc-header td { |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.fc-header-left { |
|||
width: 25%; |
|||
text-align: left; |
|||
} |
|||
|
|||
.fc-header-center { |
|||
text-align: center; |
|||
} |
|||
|
|||
.fc-header-right { |
|||
width: 25%; |
|||
text-align: right; |
|||
} |
|||
|
|||
.fc-header-title { |
|||
display: inline-block; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
.fc-header-title h2 { |
|||
margin-top: 0; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.fc .fc-header-space { |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.fc-header .fc-button { |
|||
margin-bottom: 1em; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
/* buttons edges butting together */ |
|||
|
|||
.fc-header .fc-button { |
|||
margin-right: -1px; |
|||
} |
|||
|
|||
.fc-header .fc-corner-right, /* non-theme */ |
|||
.fc-header .ui-corner-right { /* theme */ |
|||
margin-right: 0; /* back to normal */ |
|||
} |
|||
|
|||
/* button layering (for border precedence) */ |
|||
|
|||
.fc-header .fc-state-hover, |
|||
.fc-header .ui-state-hover { |
|||
z-index: 2; |
|||
} |
|||
|
|||
.fc-header .fc-state-down { |
|||
z-index: 3; |
|||
} |
|||
|
|||
.fc-header .fc-state-active, |
|||
.fc-header .ui-state-active { |
|||
z-index: 4; |
|||
} |
|||
|
|||
|
|||
|
|||
/* Content |
|||
------------------------------------------------------------------------*/ |
|||
|
|||
.fc-content { |
|||
clear: both; |
|||
} |
|||
|
|||
.fc-view { |
|||
width: 100%; /* needed for view switching (when view is absolute) */ |
|||
overflow: hidden; |
|||
} |
|||
|
|||
|
|||
|
|||
/* Cell Styles |
|||
------------------------------------------------------------------------*/ |
|||
|
|||
.fc-widget-header, /* <th>, usually */ |
|||
.fc-widget-content { /* <td>, usually */ |
|||
border: 1px solid #ddd; |
|||
} |
|||
|
|||
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */ |
|||
background: #fcf8e3; |
|||
} |
|||
|
|||
.fc-cell-overlay { /* semi-transparent rectangle while dragging */ |
|||
background: #bce8f1; |
|||
opacity: .3; |
|||
filter: alpha(opacity=30); /* for IE */ |
|||
} |
|||
|
|||
|
|||
|
|||
/* Buttons |
|||
------------------------------------------------------------------------*/ |
|||
|
|||
.fc-button { |
|||
position: relative; |
|||
display: inline-block; |
|||
padding: 0 .6em; |
|||
overflow: hidden; |
|||
height: 1.9em; |
|||
line-height: 1.9em; |
|||
white-space: nowrap; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.fc-state-default { /* non-theme */ |
|||
border: 1px solid; |
|||
} |
|||
|
|||
.fc-state-default.fc-corner-left { /* non-theme */ |
|||
border-top-left-radius: 4px; |
|||
border-bottom-left-radius: 4px; |
|||
} |
|||
|
|||
.fc-state-default.fc-corner-right { /* non-theme */ |
|||
border-top-right-radius: 4px; |
|||
border-bottom-right-radius: 4px; |
|||
} |
|||
|
|||
/* |
|||
Our default prev/next buttons use HTML entities like ‹ › « » |
|||
and we'll try to make them look good cross-browser. |
|||
*/ |
|||
|
|||
.fc-text-arrow { |
|||
margin: 0 .1em; |
|||
font-size: 2em; |
|||
font-family: "Courier New", Courier, monospace; |
|||
vertical-align: baseline; /* for IE7 */ |
|||
} |
|||
|
|||
.fc-button-prev .fc-text-arrow, |
|||
.fc-button-next .fc-text-arrow { /* for ‹ › */ |
|||
font-weight: bold; |
|||
} |
|||
|
|||
/* icon (for jquery ui) */ |
|||
|
|||
.fc-button .fc-icon-wrap { |
|||
position: relative; |
|||
float: left; |
|||
top: 50%; |
|||
} |
|||
|
|||
.fc-button .ui-icon { |
|||
position: relative; |
|||
float: left; |
|||
margin-top: -50%; |
|||
*margin-top: 0; |
|||
*top: -50%; |
|||
} |
|||
|
|||
/* |
|||
button states |
|||
borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) |
|||
*/ |
|||
|
|||
.fc-state-default { |
|||
background-color: #f5f5f5; |
|||
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); |
|||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); |
|||
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); |
|||
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); |
|||
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); |
|||
background-repeat: repeat-x; |
|||
border-color: #e6e6e6 #e6e6e6 #bfbfbf; |
|||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|||
color: #333; |
|||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); |
|||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|||
} |
|||
|
|||
.fc-state-hover, |
|||
.fc-state-down, |
|||
.fc-state-active, |
|||
.fc-state-disabled { |
|||
color: #333333; |
|||
background-color: #e6e6e6; |
|||
} |
|||
|
|||
.fc-state-hover { |
|||
color: #333333; |
|||
text-decoration: none; |
|||
background-position: 0 -15px; |
|||
-webkit-transition: background-position 0.1s linear; |
|||
-moz-transition: background-position 0.1s linear; |
|||
-o-transition: background-position 0.1s linear; |
|||
transition: background-position 0.1s linear; |
|||
} |
|||
|
|||
.fc-state-down, |
|||
.fc-state-active { |
|||
background-color: #cccccc; |
|||
background-image: none; |
|||
outline: 0; |
|||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|||
} |
|||
|
|||
.fc-state-disabled { |
|||
cursor: default; |
|||
background-image: none; |
|||
opacity: 0.65; |
|||
filter: alpha(opacity=65); |
|||
box-shadow: none; |
|||
} |
|||
|
|||
|
|||
|
|||
/* Global Event Styles |
|||
------------------------------------------------------------------------*/ |
|||
|
|||
.fc-event { |
|||
border: 1px solid #3a87ad; /* default BORDER color */ |
|||
background-color: #3a87ad; /* default BACKGROUND color */ |
|||
color: #fff; /* default TEXT color */ |
|||
font-size: .85em; |
|||
cursor: default; |
|||
} |
|||
|
|||
a.fc-event { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
a.fc-event, |
|||
.fc-event-draggable { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.fc-rtl .fc-event { |
|||
text-align: right; |
|||
} |
|||
|
|||
.fc-event-inner { |
|||
width: 100%; |
|||
height: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.fc-event-time, |
|||
.fc-event-title { |
|||
padding: 0 1px; |
|||
} |
|||
|
|||
.fc .ui-resizable-handle { |
|||
display: block; |
|||
position: absolute; |
|||
z-index: 99999; |
|||
overflow: hidden; /* hacky spaces (IE6/7) */ |
|||
font-size: 300%; /* */ |
|||
line-height: 50%; /* */ |
|||
} |
|||
|
|||
|
|||
|
|||
/* Horizontal Events |
|||
------------------------------------------------------------------------*/ |
|||
|
|||
.fc-event-hori { |
|||
border-width: 1px 0; |
|||
margin-bottom: 1px; |
|||
} |
|||
|
|||
.fc-ltr .fc-event-hori.fc-event-start, |
|||
.fc-rtl .fc-event-hori.fc-event-end { |
|||
border-left-width: 1px; |
|||
border-top-left-radius: 3px; |
|||
border-bottom-left-radius: 3px; |
|||
} |
|||
|
|||
.fc-ltr .fc-event-hori.fc-event-end, |
|||
.fc-rtl .fc-event-hori.fc-event-start { |
|||
border-right-width: 1px; |
|||
border-top-right-radius: 3px; |
|||
border-bottom-right-radius: 3px; |
|||
} |
|||
|
|||
/* resizable */ |
|||
|
|||
.fc-event-hori .ui-resizable-e { |
|||
top: 0 !important; /* importants override pre jquery ui 1.7 styles */ |
|||
right: -3px !important; |
|||
width: 7px !important; |
|||
height: 100% !important; |
|||
cursor: e-resize; |
|||
} |
|||
|
|||
.fc-event-hori .ui-resizable-w { |
|||
top: 0 !important; |
|||
left: -3px !important; |
|||
width: 7px !important; |
|||
height: 100% !important; |
|||
cursor: w-resize; |
|||
} |
|||
|
|||
.fc-event-hori .ui-resizable-handle { |
|||
_padding-bottom: 14px; /* IE6 had 0 height */ |
|||
} |
|||
|
|||
|
|||
|
|||
/* Reusable Separate-border Table |
|||
------------------------------------------------------------*/ |
|||
|
|||
table.fc-border-separate { |
|||
border-collapse: separate; |
|||
} |
|||
|
|||
.fc-border-separate th, |
|||
.fc-border-separate td { |
|||
border-width: 1px 0 0 1px; |
|||
} |
|||
|
|||
.fc-border-separate th.fc-last, |
|||
.fc-border-separate td.fc-last { |
|||
border-right-width: 1px; |
|||
} |
|||
|
|||
.fc-border-separate tr.fc-last th, |
|||
.fc-border-separate tr.fc-last td { |
|||
border-bottom-width: 1px; |
|||
} |
|||
|
|||
.fc-border-separate tbody tr.fc-first td, |
|||
.fc-border-separate tbody tr.fc-first th { |
|||
border-top-width: 0; |
|||
} |
|||
|
|||
|
|||
|
|||
/* Month View, Basic Week View, Basic Day View |
|||
------------------------------------------------------------------------*/ |
|||
|
|||
.fc-grid th { |
|||
text-align: center; |
|||
} |
|||
|
|||
.fc .fc-week-number { |
|||
width: 22px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.fc .fc-week-number div { |
|||
padding: 0 2px; |
|||
} |
|||
|
|||
.fc-grid .fc-day-number { |
|||
float: right; |
|||
padding: 0 2px; |
|||
} |
|||
|
|||
.fc-grid .fc-other-month .fc-day-number { |
|||
opacity: 0.3; |
|||
filter: alpha(opacity=30); /* for IE */ |
|||
/* opacity with small font can sometimes look too faded |
|||
might want to set the 'color' property instead |
|||
making day-numbers bold also fixes the problem */ |
|||
} |
|||
|
|||
.fc-grid .fc-day-content { |
|||
clear: both; |
|||
padding: 2px 2px 1px; /* distance between events and day edges */ |
|||
} |
|||
|
|||
/* event styles */ |
|||
|
|||
.fc-grid .fc-event-time { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
/* right-to-left */ |
|||
|
|||
.fc-rtl .fc-grid .fc-day-number { |
|||
float: left; |
|||
} |
|||
|
|||
.fc-rtl .fc-grid .fc-event-time { |
|||
float: right; |
|||
} |
|||
|
|||
|
|||
|
|||
/* Agenda Week View, Agenda Day View |
|||
------------------------------------------------------------------------*/ |
|||
|
|||
.fc-agenda table { |
|||
border-collapse: separate; |
|||
} |
|||
|
|||
.fc-agenda-days th { |
|||
text-align: center; |
|||
} |
|||
|
|||
.fc-agenda .fc-agenda-axis { |
|||
width: 50px; |
|||
padding: 0 4px; |
|||
vertical-align: middle; |
|||
text-align: right; |
|||
white-space: nowrap; |
|||
font-weight: normal; |
|||
} |
|||
|
|||
.fc-agenda .fc-week-number { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.fc-agenda .fc-day-content { |
|||
padding: 2px 2px 1px; |
|||
} |
|||
|
|||
/* make axis border take precedence */ |
|||
|
|||
.fc-agenda-days .fc-agenda-axis { |
|||
border-right-width: 1px; |
|||
} |
|||
|
|||
.fc-agenda-days .fc-col0 { |
|||
border-left-width: 0; |
|||
} |
|||
|
|||
/* all-day area */ |
|||
|
|||
.fc-agenda-allday th { |
|||
border-width: 0 1px; |
|||
} |
|||
|
|||
.fc-agenda-allday .fc-day-content { |
|||
min-height: 34px; /* TODO: doesnt work well in quirksmode */ |
|||
_height: 34px; |
|||
} |
|||
|
|||
/* divider (between all-day and slots) */ |
|||
|
|||
.fc-agenda-divider-inner { |
|||
height: 2px; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.fc-widget-header .fc-agenda-divider-inner { |
|||
background: #eee; |
|||
} |
|||
|
|||
/* slot rows */ |
|||
|
|||
.fc-agenda-slots th { |
|||
border-width: 1px 1px 0; |
|||
} |
|||
|
|||
.fc-agenda-slots td { |
|||
border-width: 1px 0 0; |
|||
background: none; |
|||
} |
|||
|
|||
.fc-agenda-slots td div { |
|||
height: 20px; |
|||
} |
|||
|
|||
.fc-agenda-slots tr.fc-slot0 th, |
|||
.fc-agenda-slots tr.fc-slot0 td { |
|||
border-top-width: 0; |
|||
} |
|||
|
|||
.fc-agenda-slots tr.fc-minor th, |
|||
.fc-agenda-slots tr.fc-minor td { |
|||
border-top-style: dotted; |
|||
} |
|||
|
|||
.fc-agenda-slots tr.fc-minor th.ui-widget-header { |
|||
*border-top-style: solid; /* doesn't work with background in IE6/7 */ |
|||
} |
|||
|
|||
|
|||
|
|||
/* Vertical Events |
|||
------------------------------------------------------------------------*/ |
|||
|
|||
.fc-event-vert { |
|||
border-width: 0 1px; |
|||
} |
|||
|
|||
.fc-event-vert.fc-event-start { |
|||
border-top-width: 1px; |
|||
border-top-left-radius: 3px; |
|||
border-top-right-radius: 3px; |
|||
} |
|||
|
|||
.fc-event-vert.fc-event-end { |
|||
border-bottom-width: 1px; |
|||
border-bottom-left-radius: 3px; |
|||
border-bottom-right-radius: 3px; |
|||
} |
|||
|
|||
.fc-event-vert .fc-event-time { |
|||
white-space: nowrap; |
|||
font-size: 10px; |
|||
} |
|||
|
|||
.fc-event-vert .fc-event-inner { |
|||
position: relative; |
|||
z-index: 2; |
|||
} |
|||
|
|||
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ |
|||
position: absolute; |
|||
z-index: 1; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #fff; |
|||
opacity: .25; |
|||
filter: alpha(opacity=25); |
|||
} |
|||
|
|||
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ |
|||
.fc-select-helper .fc-event-bg { |
|||
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ |
|||
} |
|||
|
|||
/* resizable */ |
|||
|
|||
.fc-event-vert .ui-resizable-s { |
|||
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ |
|||
width: 100% !important; |
|||
height: 8px !important; |
|||
overflow: hidden !important; |
|||
line-height: 8px !important; |
|||
font-size: 11px !important; |
|||
font-family: monospace; |
|||
text-align: center; |
|||
cursor: s-resize; |
|||
} |
|||
|
|||
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */ |
|||
_overflow: hidden; |
|||
} |
|||
|
|||
|
|||
File diff suppressed because it is too large
@ -0,0 +1,287 @@ |
|||
/*** |
|||
Grey theme |
|||
***/ |
|||
/*** |
|||
Reset and overrides |
|||
***/ |
|||
body { |
|||
background-color: #666666 !important; |
|||
} |
|||
/*** |
|||
Page header |
|||
***/ |
|||
.header .navbar-inner { |
|||
filter: none !important; |
|||
background-image: none !important; |
|||
background-color: #4a4a4a !important; |
|||
} |
|||
.header .btn-navbar { |
|||
background-color: #4a4a4a !important; |
|||
} |
|||
.header .nav .dropdown-toggle:hover, |
|||
.header .nav .dropdown.open .dropdown-toggle { |
|||
background-color: #616161 !important; |
|||
} |
|||
.header .nav li.dropdown .dropdown-toggle i { |
|||
color: #b3b3b3 !important; |
|||
} |
|||
/*** |
|||
Page sidebar |
|||
***/ |
|||
.page-sidebar { |
|||
background-color: #666666; |
|||
} |
|||
ul.page-sidebar-menu > li > a { |
|||
border-top: 1px solid #858585 !important; |
|||
color: #ffffff !important; |
|||
} |
|||
ul.page-sidebar-menu > li:last-child > a { |
|||
border-bottom: 1px solid transparent !important; |
|||
} |
|||
ul.page-sidebar-menu > li a i { |
|||
color: #bfbfbf; |
|||
} |
|||
ul.page-sidebar-menu > li.open > a, |
|||
ul.page-sidebar-menu > li > a:hover, |
|||
ul.page-sidebar-menu > li:hover > a { |
|||
background: #595959; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a { |
|||
background: #e02222 !important; |
|||
border-top-color: transparent !important; |
|||
color: #ffffff; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a i { |
|||
color: #ffffff; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a { |
|||
border-top: 0px !important; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a, |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { |
|||
color: #ffffff !important; |
|||
background: #808080 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover { |
|||
background: #808080 !important; |
|||
} |
|||
/* 3rd level sub menu */ |
|||
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a, |
|||
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover, |
|||
ul.page-sidebar-menu > li > ul.sub-menu li.open > a { |
|||
color: #ffffff !important; |
|||
background: #808080 !important; |
|||
} |
|||
/* font color for all sub menu links*/ |
|||
ul.page-sidebar-menu li > ul.sub-menu > li > a { |
|||
color: #e6e6e6; |
|||
} |
|||
/* menu arrows */ |
|||
ul.page-sidebar-menu > li > a .arrow:before, |
|||
ul.page-sidebar-menu > li > a .arrow.open:before { |
|||
color: #a6a6a6 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, |
|||
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before { |
|||
color: #999999 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > a > .arrow.open:before { |
|||
color: #b3b3b3 !important; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a .arrow:before, |
|||
ul.page-sidebar-menu > li.active > a .arrow.open:before { |
|||
color: #ffffff !important; |
|||
} |
|||
/* sidebar search */ |
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #4d4d4d !important; |
|||
color: #a6a6a6; |
|||
} |
|||
.page-sidebar .sidebar-search input::-webkit-input-placeholder { |
|||
color: #a6a6a6 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input:-moz-placeholder { |
|||
color: #a6a6a6 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input:-ms-input-placeholder { |
|||
color: #a6a6a6 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #666666 !important; |
|||
color: #bfbfbf !important; |
|||
} |
|||
.page-sidebar .sidebar-search .input-box { |
|||
border-bottom: 1px solid #a6a6a6 !important; |
|||
} |
|||
.page-sidebar .sidebar-search .submit { |
|||
background-image: url(../../img/search-icon.png); |
|||
} |
|||
/*** |
|||
Sidebar toggler |
|||
***/ |
|||
.sidebar-toggler { |
|||
background-image: url(../../img/sidebar-toggler.jpg); |
|||
background-color: #4d4d4d; |
|||
} |
|||
/* search box bg color on expanded */ |
|||
.page-sidebar-closed .page-sidebar .sidebar-search.open { |
|||
background-color: #666666 !important; |
|||
} |
|||
.page-sidebar-closed .page-sidebar .sidebar-search.open .remove { |
|||
background-image: url("../../img/sidebar-search-close.png"); |
|||
} |
|||
/* sub menu bg color on hover menu item */ |
|||
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu { |
|||
background-color: #666666; |
|||
} |
|||
/*** |
|||
Horizontal Menu(new in v1.2) |
|||
***/ |
|||
/*search*/ |
|||
.header .hor-menu .hor-menu-search-form-toggler.hide { |
|||
background: #000000 url(../../img/hor-menu-search-close.png) no-repeat center; |
|||
} |
|||
.header .hor-menu .search-form { |
|||
background: #000000; |
|||
} |
|||
.header .hor-menu .search-form .btn { |
|||
color: #ffffff; |
|||
background: #1a1a1a url(../../img/search-icon.png) no-repeat center; |
|||
} |
|||
.header .hor-menu .search-form form input { |
|||
color: #ffffff; |
|||
} |
|||
.header .hor-menu .search-form form input::-webkit-input-placeholder { |
|||
/* WebKit browsers */ |
|||
|
|||
color: #ffffff; |
|||
} |
|||
.header .hor-menu .search-form form input:-moz-placeholder { |
|||
/* Mozilla Firefox 4 to 18 */ |
|||
|
|||
color: #ffffff; |
|||
} |
|||
.header .hor-menu .search-form form input::-moz-placeholder { |
|||
/* Mozilla Firefox 19+ */ |
|||
|
|||
color: #ffffff; |
|||
} |
|||
.header .hor-menu .search-form form input:-ms-input-placeholder { |
|||
/* Internet Explorer 10+ */ |
|||
|
|||
color: #ffffff; |
|||
} |
|||
/*** |
|||
Footer |
|||
***/ |
|||
.footer .footer-inner { |
|||
color: #b3b3b3; |
|||
} |
|||
.footer .footer-tools .go-top { |
|||
background-color: #787878; |
|||
} |
|||
.footer .footer-tools .go-top:hover { |
|||
opacity: 0.7; |
|||
filter: alpha(opacity=70); |
|||
} |
|||
.footer .footer-tools .go-top i { |
|||
color: #b3b3b3; |
|||
} |
|||
/*** |
|||
Footer Layouts (new in v1.3) |
|||
***/ |
|||
/* begin:fixed footer */ |
|||
.page-footer-fixed .footer { |
|||
background-color: #4d4d4d; |
|||
} |
|||
.page-footer-fixed .footer .footer-inner { |
|||
color: #b3b3b3; |
|||
} |
|||
.page-footer-fixed .footer .footer-tools .go-top { |
|||
background-color: #787878; |
|||
} |
|||
.page-footer-fixed .footer .footer-tools .go-top i { |
|||
color: #b3b3b3; |
|||
} |
|||
/* end:fixed footer */ |
|||
/*** |
|||
Gritter Notifications |
|||
***/ |
|||
.gritter-top { |
|||
background: url(../../plugins/gritter/images/gritter.png) no-repeat left -30px !important; |
|||
} |
|||
.gritter-bottom { |
|||
background: url(../../plugins/gritter/images/gritter.png) no-repeat left bottom !important; |
|||
} |
|||
.gritter-item { |
|||
display: block; |
|||
background: url(../../plugins/gritter/images/gritter.png) no-repeat left -40px !important; |
|||
} |
|||
.gritter-close { |
|||
background: url(../../plugins/gritter/images/gritter.png) no-repeat left top !important; |
|||
} |
|||
.gritter-title { |
|||
text-shadow: none !important; |
|||
/* Not supported by IE :( */ |
|||
|
|||
} |
|||
/* for the light (white) version of the gritter notice */ |
|||
.gritter-light .gritter-item, |
|||
.gritter-light .gritter-bottom, |
|||
.gritter-light .gritter-top, |
|||
.gritter-light .gritter-close { |
|||
background-image: url(../../plugins/gritter/images/gritter-light.png) !important; |
|||
} |
|||
.gritter-item-wrapper a { |
|||
color: #18a5ed; |
|||
} |
|||
.gritter-item-wrapper a:hover { |
|||
color: #0b6694; |
|||
} |
|||
/* begin: boxed page */ |
|||
@media (min-width: 980px) { |
|||
.page-boxed { |
|||
background-color: #575757 !important; |
|||
} |
|||
.page-boxed .page-container { |
|||
background-color: #666666; |
|||
border-left: 1px solid #878787; |
|||
border-bottom: 1px solid #878787; |
|||
} |
|||
.page-boxed.page-sidebar-fixed .page-container { |
|||
border-left: 0; |
|||
border-bottom: 0; |
|||
} |
|||
.page-boxed.page-sidebar-fixed .page-sidebar { |
|||
border-left: 1px solid #878787; |
|||
} |
|||
.page-boxed.page-sidebar-fixed.page-footer-fixed .footer { |
|||
background-color: #575757 !important; |
|||
} |
|||
} |
|||
/* end: boxed page */ |
|||
/*** |
|||
Landscape phone to portrait tablet |
|||
***/ |
|||
@media (max-width: 979px) { |
|||
/*** |
|||
page sidebar |
|||
***/ |
|||
.page-sidebar { |
|||
background-color: #525252 !important; |
|||
} |
|||
ul.page-sidebar-menu > li > a { |
|||
border-top: 1px solid #737373 !important; |
|||
} |
|||
ul.page-sidebar-menu > li:last-child > a { |
|||
border-bottom: 0 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #525252 !important; |
|||
} |
|||
ul.page-sidebar-menu > li.open > a, |
|||
ul.page-sidebar-menu > li > a:hover, |
|||
ul.page-sidebar-menu > li:hover > a { |
|||
background: #474747; |
|||
} |
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,521 @@ |
|||
/*** |
|||
Inbox Page |
|||
***/ |
|||
.inbox { |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.inbox .inbox { |
|||
margin-bottom: 0px; |
|||
} |
|||
|
|||
.inbox .tab-content { |
|||
overflow: inherit; |
|||
} |
|||
|
|||
.inbox .inbox-loading { |
|||
display: none; |
|||
font-size: 22px; |
|||
font-weight: 300; |
|||
} |
|||
|
|||
/*Imbox Menu*/ |
|||
.inbox .inbox-nav { |
|||
list-style: none; |
|||
margin-left: 0 !important; |
|||
} |
|||
|
|||
.inbox .inbox-nav li { |
|||
position: relative; |
|||
} |
|||
|
|||
.inbox .inbox-nav li a { |
|||
color: #4d82a3; |
|||
display: block; |
|||
font-size: 15px; |
|||
border-left: none; |
|||
text-align: left !important; |
|||
padding: 8px 14px; |
|||
margin-bottom: 1px; |
|||
background: #f4f9fd; |
|||
} |
|||
|
|||
.inbox .inbox-nav li.active a, |
|||
.inbox .inbox-nav li.active:hover a { |
|||
color: #fff; |
|||
border-left: none; |
|||
background: #169ef4 !important; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.inbox .inbox-nav li.active b { |
|||
top: 0; |
|||
right: -4px; |
|||
width: 8px; |
|||
height: 35px; |
|||
position: absolute; |
|||
display: inline-block; |
|||
background: url(../image/inbox-nav-arrow-blue.png) no-repeat; |
|||
} |
|||
|
|||
.inbox .inbox-nav li:hover a { |
|||
color: #4d82a3; |
|||
background: #eef4f7 !important; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.inbox .inbox-nav li.compose-btn a { |
|||
color: #fff; |
|||
text-shadow: none; |
|||
text-align: center; |
|||
margin-bottom: 18px; |
|||
background: #35aa47; |
|||
} |
|||
|
|||
.inbox .inbox-nav li.compose-btn i, |
|||
.inbox .inbox-nav li.compose-btn:hover i { |
|||
top: 1px; |
|||
color: #fff; |
|||
font-size: 15px; |
|||
position: relative; |
|||
background: none !important; |
|||
} |
|||
|
|||
.inbox .inbox-nav li.compose-btn a:hover { |
|||
background-color: #1d943b !important; |
|||
} |
|||
|
|||
/*Inbox Content*/ |
|||
.inbox .inbox-header { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.inbox .inbox-header h1 { |
|||
margin: 0; |
|||
color: #666; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.inbox tr { |
|||
color: #777; |
|||
font-size: 13px; |
|||
} |
|||
|
|||
.inbox tr label { |
|||
display: inline-block; |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.inbox tr.unread td{ |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.inbox td i.icon-paper-clip { |
|||
top: 2px; |
|||
color: #d8e0e5; |
|||
font-size: 17px; |
|||
position: relative; |
|||
} |
|||
|
|||
.inbox tr i.icon-star, |
|||
.inbox tr i.icon-trash { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.inbox tr i.icon-star { |
|||
color: #eceef0; |
|||
} |
|||
|
|||
.inbox tr i.icon-star:hover { |
|||
color: #fd7b12; |
|||
} |
|||
|
|||
.inbox tr i.inbox-started { |
|||
color: #fd7b12; |
|||
} |
|||
|
|||
.inbox .table th, |
|||
.inbox .table td { |
|||
border: none; |
|||
} |
|||
|
|||
.inbox .table th { |
|||
background: #eef4f7; |
|||
border-bottom: solid 5px #fff; |
|||
} |
|||
|
|||
.inbox th.text-right { |
|||
text-align: right; |
|||
} |
|||
|
|||
.inbox th label.inbox-select-all { |
|||
color: #828f97; |
|||
font-size: 13px; |
|||
padding: 1px 4px 0; |
|||
} |
|||
|
|||
.inbox ul.inbox-nav { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.inbox ul.inbox-nav li { |
|||
padding: 0; |
|||
} |
|||
|
|||
.inbox ul.inbox-nav li span { |
|||
color: #828f97; |
|||
font-size: 12px; |
|||
margin-right: 10px; |
|||
} |
|||
|
|||
.inbox ul.inbox-nav i { |
|||
color: #fff; |
|||
padding: 1px 0; |
|||
font-size: 15px; |
|||
cursor: pointer; |
|||
background: #d0dde4 !important; |
|||
} |
|||
|
|||
.inbox ul.inbox-nav i:hover { |
|||
background: #169ef4 !important; |
|||
} |
|||
|
|||
.inbox td.text-right { |
|||
width: 100px; |
|||
text-align: right; |
|||
} |
|||
|
|||
.inbox td.inbox-small-cells { |
|||
width: 10px; |
|||
} |
|||
|
|||
.inbox .table-hover tbody tr:hover>td, |
|||
.inbox .table-hover tbody tr:hover>th, |
|||
.inbox .table-striped tbody>tr:nth-child(odd)>td, |
|||
.inbox .table-striped tbody>tr:nth-child(odd)>th { |
|||
background: #f8fbfd; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.inbox .table-hover tbody tr:hover>td, |
|||
.inbox .table-hover tbody tr:hover>th { |
|||
background: #eef4f7; |
|||
} |
|||
|
|||
/*Inbox Drafts*/ |
|||
.inbox .inbox-drafts { |
|||
padding: 8px 0; |
|||
text-align: center; |
|||
border-top: solid 1px #eee; |
|||
border-bottom: solid 1px #eee; |
|||
} |
|||
|
|||
/*Inbox View*/ |
|||
.inbox-view-header { |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.inbox-view-header h1 { |
|||
color: #666; |
|||
font-size: 22px; |
|||
line-height: 24px; |
|||
margin-bottom: 0 !important; |
|||
} |
|||
|
|||
.inbox-view-header h1 a { |
|||
top: -2px; |
|||
color: #fff; |
|||
cursor: pointer; |
|||
font-size: 13px; |
|||
padding: 2px 7px; |
|||
line-height: 16px; |
|||
position: relative; |
|||
background: #b0bcc4; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.inbox-view-header h1 a:hover { |
|||
background: #aab5bc; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.inbox-view-header i.icon-print { |
|||
color: #94a4ab; |
|||
cursor: pointer; |
|||
font-size: 14px; |
|||
display: inline-block; |
|||
padding: 6px 8px !important; |
|||
background: #edf1f4 !important; |
|||
} |
|||
|
|||
.inbox-view-header i.icon-print:hover { |
|||
background: #e7ebef !important; |
|||
} |
|||
|
|||
.inbox-view-info { |
|||
color: #666; |
|||
padding: 5px 0; |
|||
margin-bottom: 10px; |
|||
border-top: solid 1px #eee; |
|||
border-bottom: solid 1px #eee; |
|||
} |
|||
|
|||
.inbox-view-info strong { |
|||
color: #666; |
|||
margin: 0 10px 0 5px; |
|||
} |
|||
|
|||
.inbox-view-info .inbox-info-btn { |
|||
text-align: right; |
|||
} |
|||
|
|||
.inbox-view-info .inbox-info-btn ul { |
|||
text-align: left; |
|||
} |
|||
|
|||
.inbox-view-info button { |
|||
top: 2px; |
|||
color: #94a4ab; |
|||
font-size: 13px; |
|||
margin-left: 4px; |
|||
padding: 3px 10px; |
|||
position: relative; |
|||
background: #edf1f4; |
|||
} |
|||
|
|||
.inbox-view-info button:hover { |
|||
color: #94a4ab; |
|||
background: #e7ebef; |
|||
} |
|||
|
|||
.inbox-view { |
|||
color: #666; |
|||
padding: 15px 0 0; |
|||
} |
|||
|
|||
.inbox-view a { |
|||
color: #169ce9; |
|||
} |
|||
|
|||
.inbox-attached { |
|||
line-height: 16px; |
|||
} |
|||
|
|||
.inbox-attached a { |
|||
margin: 0 2px; |
|||
} |
|||
|
|||
.inbox-attached img { |
|||
height: auto; |
|||
max-width: 250px; |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
.inbox-attached span { |
|||
margin-right: 3px; |
|||
} |
|||
|
|||
.inbox-attached strong { |
|||
color: #555; |
|||
display: block; |
|||
font-size: 13px; |
|||
} |
|||
|
|||
.inbox-attached .margin-bottom-25 { |
|||
margin-bottom: 25px; |
|||
} |
|||
|
|||
.inbox-attached .margin-bottom-15 { |
|||
margin-bottom: 15px; |
|||
} |
|||
|
|||
|
|||
/*Inbox Compose*/ |
|||
.inbox-compose { |
|||
margin-top: 1px; |
|||
border: solid 1px #eee; |
|||
} |
|||
|
|||
.inbox-compose-btn { |
|||
padding: 8px 4px; |
|||
background: #f0f6fa; |
|||
} |
|||
|
|||
.inbox-compose-attachment { |
|||
padding: 8px 8px; |
|||
} |
|||
|
|||
.inbox-compose-attachment .btn { |
|||
padding: 4px 10px; |
|||
} |
|||
|
|||
.inbox-compose-btn button { |
|||
color: #fff; |
|||
font-size: 14px; |
|||
margin-left: 4px; |
|||
padding: 4px 10px; |
|||
background: #c0cfdd; |
|||
} |
|||
|
|||
.inbox-compose-btn button:hover { |
|||
color: #fff; |
|||
background: #4d90fe; |
|||
} |
|||
|
|||
.inbox-compose-btn button i { |
|||
margin-right: 3px; |
|||
} |
|||
|
|||
.inbox-compose .inbox-control-group { |
|||
margin-bottom: 0; |
|||
position: relative; |
|||
border-bottom: solid 1px #eee; |
|||
} |
|||
|
|||
.inbox-compose .controls { |
|||
margin-left: 85px; |
|||
} |
|||
|
|||
.inbox-compose .inbox-control-group > label { |
|||
width: 80px; |
|||
float: left; |
|||
color: #979797; |
|||
text-align: right; |
|||
} |
|||
|
|||
.inbox-compose .controls > input { |
|||
border: none !important; |
|||
} |
|||
.inbox-compose .controls-to { |
|||
padding-right: 55px; |
|||
} |
|||
|
|||
.inbox-compose .controls-cc { |
|||
padding-right: 15px; |
|||
} |
|||
|
|||
.inbox-compose .controls-bcc { |
|||
padding-right: 15px; |
|||
} |
|||
|
|||
.inbox-compose .tag { |
|||
font-size: 12px; |
|||
font-weight: 300 !important; |
|||
margin-top: 6px; |
|||
margin-left: 5px; |
|||
color: #333; |
|||
text-shadow: none !important; |
|||
background-color: #eee; |
|||
display: inline-block !important; |
|||
padding: 3px !important; |
|||
} |
|||
|
|||
.inbox-compose .tag .close { |
|||
margin-top: -2px; |
|||
display: inline-block !important; |
|||
float: none !important; |
|||
|
|||
} |
|||
|
|||
.inbox-compose .tags { |
|||
border: none !important; |
|||
font-size: 13px; |
|||
padding: 0px; |
|||
margin-bottom: 0px; |
|||
margin-right: 50px; |
|||
box-shadow: none !important; |
|||
} |
|||
|
|||
.inbox-compose .tags-hover { |
|||
border: 1px solid #ddd; |
|||
border: none !important; |
|||
box-shadow: none !important; |
|||
background: none !important; |
|||
} |
|||
|
|||
.inbox-compose .tags input[type="text"], |
|||
.inbox-compose .tags input[type="text"]:focus { |
|||
display: inline-block !important; |
|||
border: none !important; |
|||
font-size: 14px !important; |
|||
vertical-align: top; |
|||
outline: 0; |
|||
margin: 0; |
|||
padding: 0; |
|||
width: auto; |
|||
-webkit-box-shadow: none; |
|||
-moz-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
|
|||
.inbox-compose .inbox-control-group a.close { |
|||
top: 13px; |
|||
right: 10px; |
|||
position: absolute; |
|||
} |
|||
|
|||
.inbox-compose .mail-to .inbox-cc-bcc { |
|||
display: inline-block; |
|||
top: 7px; |
|||
right: 10px; |
|||
color: #979797; |
|||
font-size: 14px; |
|||
cursor: pointer; |
|||
position: absolute; |
|||
} |
|||
|
|||
.inbox-compose .mail-to .inbox-bcc { |
|||
margin-left: 5px; |
|||
} |
|||
|
|||
.inbox-compose .mail-to inbox-cc:hover, |
|||
.inbox-compose .mail-to inbox-bcc:hover { |
|||
color: #777; |
|||
} |
|||
|
|||
.inbox-compose .wysihtml5 { |
|||
padding: 0px !important; |
|||
margin: 0px !important; |
|||
border: 0 !important; |
|||
} |
|||
|
|||
.inbox-compose .wysihtml5-sandbox { |
|||
padding: 0px !important; |
|||
margin: 0px !important; |
|||
display: block !important; |
|||
border: 0 !important; |
|||
margin-top: 5px; |
|||
width: 100% !important; |
|||
border-left: none; |
|||
border-right: none; |
|||
border-color: #eee; |
|||
} |
|||
|
|||
.inbox-compose .wysihtml5-toolbar { |
|||
border: 0; |
|||
border-bottom: 1px solid #eee; |
|||
} |
|||
|
|||
.inbox-compose .wysihtml5-toolbar > li { |
|||
height: 34px; |
|||
margin-right: 0; |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.inbox-compose .wysihtml5-toolbar > li > a, |
|||
.inbox-compose .wysihtml5-toolbar > li > div > a { |
|||
background: #fff; |
|||
} |
|||
|
|||
.inbox-compose .wysihtml5-toolbar .dropdown.open .dropdown-toggle, |
|||
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active { |
|||
background: #eee !important; |
|||
} |
|||
|
|||
@media (max-width: 480px) { |
|||
|
|||
.inbox-compose .inbox-control-group > label { |
|||
margin-top: 7px; |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,39 @@ |
|||
/*** |
|||
Invoice page |
|||
***/ |
|||
.invoice table { |
|||
margin:30px 0 30px; |
|||
} |
|||
|
|||
.invoice .invoice-logo { |
|||
margin-bottom:20px; |
|||
} |
|||
|
|||
.invoice .invoice-logo p { |
|||
padding:5px 0; |
|||
font-size:26px; |
|||
line-height:28px; |
|||
text-align:right; |
|||
} |
|||
|
|||
.invoice .invoice-logo p span { |
|||
display:block; |
|||
font-size:14px; |
|||
} |
|||
|
|||
.invoice .invoice-logo-space { |
|||
margin-bottom:15px; |
|||
} |
|||
|
|||
.invoice .invoice-payment strong { |
|||
margin-right:5px; |
|||
} |
|||
|
|||
.invoice .invoice-block { |
|||
text-align:right; |
|||
} |
|||
|
|||
.invoice .invoice-block .amounts { |
|||
margin-top: 20px; |
|||
font-size: 14px; |
|||
} |
|||
@ -0,0 +1,10 @@ |
|||
.easyPieChart { |
|||
position: relative; |
|||
text-align: center; |
|||
} |
|||
|
|||
.easyPieChart canvas { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
@ -0,0 +1,249 @@ |
|||
/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */ |
|||
.fancybox-wrap, |
|||
.fancybox-skin, |
|||
.fancybox-outer, |
|||
.fancybox-inner, |
|||
.fancybox-image, |
|||
.fancybox-wrap iframe, |
|||
.fancybox-wrap object, |
|||
.fancybox-nav, |
|||
.fancybox-nav span, |
|||
.fancybox-tmp |
|||
{ |
|||
padding: 0; |
|||
margin: 0; |
|||
border: 0; |
|||
outline: none; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
.fancybox-wrap { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 8020; |
|||
} |
|||
|
|||
.fancybox-skin { |
|||
position: relative; |
|||
background: #f9f9f9; |
|||
color: #444; |
|||
text-shadow: none; |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
.fancybox-opened { |
|||
z-index: 8030; |
|||
} |
|||
|
|||
.fancybox-opened .fancybox-skin { |
|||
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); |
|||
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); |
|||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); |
|||
} |
|||
|
|||
.fancybox-outer, .fancybox-inner { |
|||
position: relative; |
|||
} |
|||
|
|||
.fancybox-inner { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.fancybox-type-iframe .fancybox-inner { |
|||
-webkit-overflow-scrolling: touch; |
|||
} |
|||
|
|||
.fancybox-error { |
|||
color: #444; |
|||
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; |
|||
margin: 0; |
|||
padding: 15px; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.fancybox-image, .fancybox-iframe { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.fancybox-image { |
|||
max-width: 100%; |
|||
max-height: 100%; |
|||
} |
|||
|
|||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { |
|||
background-image: url('../image/fancybox_sprite.png'); |
|||
} |
|||
|
|||
#fancybox-loading { |
|||
position: fixed; |
|||
top: 50%; |
|||
left: 50%; |
|||
margin-top: -22px; |
|||
margin-left: -22px; |
|||
background-position: 0 -108px; |
|||
opacity: 0.8; |
|||
cursor: pointer; |
|||
z-index: 8060; |
|||
} |
|||
|
|||
#fancybox-loading div { |
|||
width: 44px; |
|||
height: 44px; |
|||
background: url('../image/fancybox_loading.gif') center center no-repeat; |
|||
} |
|||
|
|||
.fancybox-close { |
|||
position: absolute; |
|||
top: -18px; |
|||
right: -18px; |
|||
width: 36px; |
|||
height: 36px; |
|||
cursor: pointer; |
|||
z-index: 8040; |
|||
} |
|||
|
|||
.fancybox-nav { |
|||
position: absolute; |
|||
top: 0; |
|||
width: 40%; |
|||
height: 100%; |
|||
cursor: pointer; |
|||
text-decoration: none; |
|||
background: transparent url('../image/blank.gif'); /* helps IE */ |
|||
-webkit-tap-highlight-color: rgba(0,0,0,0); |
|||
z-index: 8040; |
|||
} |
|||
|
|||
.fancybox-prev { |
|||
left: 0; |
|||
} |
|||
|
|||
.fancybox-next { |
|||
right: 0; |
|||
} |
|||
|
|||
.fancybox-nav span { |
|||
position: absolute; |
|||
top: 50%; |
|||
width: 36px; |
|||
height: 34px; |
|||
margin-top: -18px; |
|||
cursor: pointer; |
|||
z-index: 8040; |
|||
visibility: hidden; |
|||
} |
|||
|
|||
.fancybox-prev span { |
|||
left: 10px; |
|||
background-position: 0 -36px; |
|||
} |
|||
|
|||
.fancybox-next span { |
|||
right: 10px; |
|||
background-position: 0 -72px; |
|||
} |
|||
|
|||
.fancybox-nav:hover span { |
|||
visibility: visible; |
|||
} |
|||
|
|||
.fancybox-tmp { |
|||
position: absolute; |
|||
top: -99999px; |
|||
left: -99999px; |
|||
visibility: hidden; |
|||
max-width: 99999px; |
|||
max-height: 99999px; |
|||
overflow: visible !important; |
|||
} |
|||
|
|||
/* Overlay helper */ |
|||
|
|||
.fancybox-lock { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.fancybox-overlay { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
overflow: hidden; |
|||
display: none; |
|||
z-index: 8010; |
|||
background: url('../image/fancybox_overlay.png'); |
|||
} |
|||
|
|||
.fancybox-overlay-fixed { |
|||
position: fixed; |
|||
bottom: 0; |
|||
right: 0; |
|||
} |
|||
|
|||
.fancybox-lock .fancybox-overlay { |
|||
overflow: auto; |
|||
overflow-y: scroll; |
|||
} |
|||
|
|||
/* Title helper */ |
|||
|
|||
.fancybox-title { |
|||
visibility: hidden; |
|||
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; |
|||
position: relative; |
|||
text-shadow: none; |
|||
z-index: 8050; |
|||
} |
|||
|
|||
.fancybox-opened .fancybox-title { |
|||
visibility: visible; |
|||
} |
|||
|
|||
.fancybox-title-float-wrap { |
|||
position: absolute; |
|||
bottom: 0; |
|||
right: 50%; |
|||
margin-bottom: -35px; |
|||
z-index: 8050; |
|||
text-align: center; |
|||
} |
|||
|
|||
.fancybox-title-float-wrap .child { |
|||
display: inline-block; |
|||
margin-right: -100%; |
|||
padding: 2px 20px; |
|||
background: transparent; /* Fallback for web browsers that doesn't support RGBa */ |
|||
background: rgba(0, 0, 0, 0.8); |
|||
-webkit-border-radius: 15px; |
|||
-moz-border-radius: 15px; |
|||
border-radius: 15px; |
|||
text-shadow: 0 1px 2px #222; |
|||
color: #FFF; |
|||
font-weight: bold; |
|||
line-height: 24px; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.fancybox-title-outside-wrap { |
|||
position: relative; |
|||
margin-top: 10px; |
|||
color: #fff; |
|||
} |
|||
|
|||
.fancybox-title-inside-wrap { |
|||
padding-top: 10px; |
|||
} |
|||
|
|||
.fancybox-title-over-wrap { |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
color: #fff; |
|||
padding: 10px; |
|||
background: #000; |
|||
background: rgba(0, 0, 0, .8); |
|||
} |
|||
@ -0,0 +1,84 @@ |
|||
@charset "UTF-8"; |
|||
/* |
|||
* jQuery File Upload UI Plugin CSS 6.10 |
|||
* https://github.com/blueimp/jQuery-File-Upload |
|||
* |
|||
* Copyright 2010, Sebastian Tschan |
|||
* https://blueimp.net |
|||
* |
|||
* Licensed under the MIT license: |
|||
* http://www.opensource.org/licenses/MIT |
|||
*/ |
|||
|
|||
.fileinput-button { |
|||
position: relative; |
|||
overflow: hidden; |
|||
float: left; |
|||
margin-right: 4px; |
|||
} |
|||
.fileinput-button input { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
margin: 0; |
|||
opacity: 0; |
|||
filter: alpha(opacity=0); |
|||
transform: translate(-300px, 0) scale(4); |
|||
font-size: 23px; |
|||
direction: ltr; |
|||
cursor: pointer; |
|||
} |
|||
.fileupload-buttonbar .btn, |
|||
.fileupload-buttonbar .toggle { |
|||
margin-bottom: 5px; |
|||
} |
|||
.files .progress { |
|||
width: 200px; |
|||
} |
|||
.progress-animated .bar { |
|||
background: url(../image/progressbar.gif) !important; |
|||
filter: none; |
|||
} |
|||
.fileupload-loading { |
|||
position: absolute; |
|||
left: 50%; |
|||
width: 128px; |
|||
height: 128px; |
|||
background: url(../image/loading.gif) center no-repeat; |
|||
display: none; |
|||
} |
|||
.fileupload-processing .fileupload-loading { |
|||
display: block; |
|||
} |
|||
|
|||
/* Fix for IE 6: */ |
|||
* html .fileinput-button { |
|||
line-height: 24px; |
|||
margin: 1px -3px 0 0; |
|||
} |
|||
|
|||
/* Fix for IE 7: */ |
|||
* + html .fileinput-button { |
|||
padding: 2px 15px; |
|||
margin: 1px 0 0 0; |
|||
} |
|||
|
|||
@media (max-width: 767px) { |
|||
.files .btn span { |
|||
display: none; |
|||
} |
|||
.files .preview * { |
|||
width: 40px; |
|||
} |
|||
.files .name * { |
|||
width: 80px; |
|||
display: inline-block; |
|||
word-wrap: break-word; |
|||
} |
|||
.files .progress { |
|||
width: 20px; |
|||
} |
|||
.files .delete { |
|||
width: 60px; |
|||
} |
|||
} |
|||
@ -0,0 +1,101 @@ |
|||
/* the norm */ |
|||
#gritter-notice-wrapper { |
|||
position:fixed; |
|||
top:20px; |
|||
right:20px; |
|||
width:301px; |
|||
z-index:9999; |
|||
} |
|||
#gritter-notice-wrapper.top-left { |
|||
left: 20px; |
|||
right: auto; |
|||
} |
|||
#gritter-notice-wrapper.bottom-right { |
|||
top: auto; |
|||
left: auto; |
|||
bottom: 20px; |
|||
right: 20px; |
|||
} |
|||
#gritter-notice-wrapper.bottom-left { |
|||
top: auto; |
|||
right: auto; |
|||
bottom: 20px; |
|||
left: 20px; |
|||
} |
|||
.gritter-item-wrapper { |
|||
position:relative; |
|||
margin:0 0 10px 0; |
|||
background:url('../image/ie-spacer.gif'); /* ie7/8 fix */ |
|||
} |
|||
.gritter-top { |
|||
background:url(../image/gritter.png) no-repeat left -30px; |
|||
height:10px; |
|||
} |
|||
.hover .gritter-top { |
|||
background-position:right -30px; |
|||
} |
|||
.gritter-bottom { |
|||
background:url(../image/gritter.png) no-repeat left bottom; |
|||
height:8px; |
|||
margin:0; |
|||
} |
|||
.hover .gritter-bottom { |
|||
background-position: bottom right; |
|||
} |
|||
.gritter-item { |
|||
display:block; |
|||
background:url(../image/gritter.png) no-repeat left -40px; |
|||
color:#eee; |
|||
padding:2px 11px 8px 11px; |
|||
font-size: 11px; |
|||
font-family:verdana; |
|||
} |
|||
.hover .gritter-item { |
|||
background-position:right -40px; |
|||
} |
|||
.gritter-item p { |
|||
padding:0; |
|||
margin:0; |
|||
word-wrap:break-word; |
|||
} |
|||
.gritter-close { |
|||
display:none; |
|||
position:absolute; |
|||
top:5px; |
|||
left:3px; |
|||
background:url(../image/gritter.png) no-repeat left top; |
|||
cursor:pointer; |
|||
width:30px; |
|||
height:30px; |
|||
} |
|||
.gritter-title { |
|||
font-size:14px; |
|||
font-weight:bold; |
|||
padding:0 0 7px 0; |
|||
display:block; |
|||
text-shadow:1px 1px 0 #000; /* Not supported by IE :( */ |
|||
} |
|||
.gritter-image { |
|||
width:48px; |
|||
height:48px; |
|||
float:left; |
|||
} |
|||
.gritter-with-image, |
|||
.gritter-without-image { |
|||
padding:0; |
|||
} |
|||
.gritter-with-image { |
|||
width:220px; |
|||
float:right; |
|||
} |
|||
/* for the light (white) version of the gritter notice */ |
|||
.gritter-light .gritter-item, |
|||
.gritter-light .gritter-bottom, |
|||
.gritter-light .gritter-top, |
|||
.gritter-light .gritter-close { |
|||
background-image: url(../image/gritter-light.png); |
|||
color: #222; |
|||
} |
|||
.gritter-light .gritter-title { |
|||
text-shadow: none; |
|||
} |
|||
@ -0,0 +1,65 @@ |
|||
/** |
|||
* Nestable |
|||
*/ |
|||
.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } |
|||
.dd-list .dd-list { padding-left: 30px; } |
|||
.dd-collapsed .dd-list { display: none; } |
|||
|
|||
.dd-item, |
|||
.dd-empty, |
|||
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } |
|||
|
|||
.dd-handle { display: block; height: 30px; margin: 5px 0; cursor: move; padding: 5px 10px; color: #333; text-decoration: none; font-weight: 400; border: 1px solid #ccc; |
|||
background: #fafafa; |
|||
-webkit-border-radius: 3px; |
|||
border-radius: 3px; |
|||
box-sizing: border-box; -moz-box-sizing: border-box; |
|||
} |
|||
.dd-handle:hover { color: #2ea8e5; background: #fff; } |
|||
|
|||
.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 7px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 10px; line-height: 1; text-align: center; font-weight: bold; } |
|||
.dd-item > button:before { content: '\f067'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; font-family: 'FontAwesome' } |
|||
.dd-item > button[data-action="collapse"]:before { content: '\f068'; } |
|||
|
|||
.dd-placeholder, |
|||
.dd-empty { |
|||
margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; |
|||
box-sizing: border-box; -moz-box-sizing: border-box; } |
|||
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; |
|||
background-size: 60px 60px; |
|||
background-position: 0 0, 30px 30px; |
|||
} |
|||
|
|||
.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; } |
|||
.dd-dragel > .dd-item .dd-handle { margin-top: 0; } |
|||
.dd-dragel .dd-handle { |
|||
-webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1); |
|||
box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1); |
|||
} |
|||
|
|||
.dd-hover > .dd-handle { background: #2ea8e5 !important; } |
|||
|
|||
/** |
|||
* Nestable Draggable Handles |
|||
*/ |
|||
|
|||
.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: 400; border: 1px solid #ccc; |
|||
background: #fafafa; |
|||
-webkit-border-radius: 3px; |
|||
border-radius: 3px; |
|||
box-sizing: border-box; -moz-box-sizing: border-box; |
|||
} |
|||
.dd3-content:hover { color: #2ea8e5; background: #fff; } |
|||
|
|||
.dd-dragel > .dd3-item > .dd3-content { margin: 0; } |
|||
|
|||
.dd3-item > button { margin-left: 30px; } |
|||
|
|||
.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor:move; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; |
|||
border: 1px solid #aaa; |
|||
background: #ddd; |
|||
border-top-right-radius: 0; |
|||
border-bottom-right-radius: 0; |
|||
} |
|||
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; } |
|||
.dd3-handle:hover { background: #ddd; } |
|||
@ -0,0 +1,7 @@ |
|||
div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;} |
|||
div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica; font-size:13px;} |
|||
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px; } |
|||
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px; margin-right:5px; margin-bottom:5px; } |
|||
div.tagsinput div { display:block; float: left; } |
|||
.tags_clear { clear: both; width: 100%; height: 0px; } |
|||
.not_valid {background: #FBD8DB !important; color: #90111A !important;} |
|||
@ -0,0 +1,56 @@ |
|||
/*! |
|||
* jQVMap Version 1.0 |
|||
* |
|||
* http://jqvmap.com |
|||
* |
|||
* Copyright 2012, Peter Schmalfeldt <manifestinteractive@gmail.com> |
|||
* Licensed under the MIT license. |
|||
* |
|||
* Fork Me @ https://github.com/manifestinteractive/jqvmap |
|||
*/ |
|||
.jqvmap-label |
|||
{ |
|||
position: absolute; |
|||
display: none; |
|||
-webkit-border-radius: 3px; |
|||
-moz-border-radius: 3px; |
|||
border-radius: 3px; |
|||
background: #292929; |
|||
color: white; |
|||
font-family: sans-serif, Verdana; |
|||
font-size: smaller; |
|||
padding: 3px; |
|||
} |
|||
.jqvmap-zoomin, .jqvmap-zoomout |
|||
{ |
|||
position: absolute; |
|||
left: 10px; |
|||
-webkit-border-radius: 3px; |
|||
-moz-border-radius: 3px; |
|||
border-radius: 3px; |
|||
background: #000000; |
|||
padding: 3px; |
|||
color: white; |
|||
width: 10px; |
|||
height: 10px; |
|||
cursor: pointer; |
|||
line-height: 10px; |
|||
text-align: center; |
|||
} |
|||
.jqvmap-zoomin |
|||
{ |
|||
top: 10px; |
|||
} |
|||
.jqvmap-zoomout |
|||
{ |
|||
top: 30px; |
|||
} |
|||
.jqvmap-region |
|||
{ |
|||
cursor: pointer; |
|||
} |
|||
.jqvmap-ajax_response |
|||
{ |
|||
width: 100%; |
|||
height: 500px; |
|||
} |
|||
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
@ -0,0 +1,952 @@ |
|||
/* jsTree default theme */ |
|||
.jstree-node, |
|||
.jstree-children, |
|||
.jstree-container-ul { |
|||
display: block; |
|||
margin: 0; |
|||
padding: 0; |
|||
list-style-type: none; |
|||
list-style-image: none; |
|||
} |
|||
.jstree-node { |
|||
white-space: nowrap; |
|||
} |
|||
.jstree-anchor { |
|||
display: inline-block; |
|||
color: black; |
|||
white-space: nowrap; |
|||
padding: 0 4px 0 1px; |
|||
margin: 0; |
|||
vertical-align: top; |
|||
} |
|||
.jstree-anchor:focus { |
|||
outline: 0; |
|||
} |
|||
.jstree-anchor, |
|||
.jstree-anchor:link, |
|||
.jstree-anchor:visited, |
|||
.jstree-anchor:hover, |
|||
.jstree-anchor:active { |
|||
text-decoration: none; |
|||
color: inherit; |
|||
} |
|||
.jstree-icon { |
|||
display: inline-block; |
|||
text-decoration: none; |
|||
margin: 0; |
|||
padding: 0; |
|||
vertical-align: top; |
|||
text-align: center; |
|||
} |
|||
.jstree-icon:empty { |
|||
display: inline-block; |
|||
text-decoration: none; |
|||
margin: 0; |
|||
padding: 0; |
|||
vertical-align: top; |
|||
text-align: center; |
|||
} |
|||
.jstree-ocl { |
|||
cursor: pointer; |
|||
} |
|||
.jstree-leaf > .jstree-ocl { |
|||
cursor: default; |
|||
} |
|||
.jstree .jstree-open > .jstree-children { |
|||
display: block; |
|||
} |
|||
.jstree .jstree-closed > .jstree-children, |
|||
.jstree .jstree-leaf > .jstree-children { |
|||
display: none; |
|||
} |
|||
.jstree-anchor > .jstree-themeicon { |
|||
margin-right: 2px; |
|||
} |
|||
.jstree-no-icons .jstree-themeicon, |
|||
.jstree-anchor > .jstree-themeicon-hidden { |
|||
display: none; |
|||
} |
|||
.jstree-rtl .jstree-anchor { |
|||
padding: 0 1px 0 4px; |
|||
} |
|||
.jstree-rtl .jstree-anchor > .jstree-themeicon { |
|||
margin-left: 2px; |
|||
margin-right: 0; |
|||
} |
|||
.jstree-rtl .jstree-node { |
|||
margin-left: 0; |
|||
} |
|||
.jstree-rtl .jstree-container-ul > .jstree-node { |
|||
margin-right: 0; |
|||
} |
|||
.jstree-wholerow-ul { |
|||
position: relative; |
|||
display: inline-block; |
|||
min-width: 100%; |
|||
} |
|||
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl { |
|||
cursor: pointer; |
|||
} |
|||
.jstree-wholerow-ul .jstree-anchor, |
|||
.jstree-wholerow-ul .jstree-icon { |
|||
position: relative; |
|||
} |
|||
.jstree-wholerow-ul .jstree-wholerow { |
|||
width: 100%; |
|||
cursor: pointer; |
|||
position: absolute; |
|||
left: 0; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.vakata-context { |
|||
display: none; |
|||
} |
|||
.vakata-context, |
|||
.vakata-context ul { |
|||
margin: 0; |
|||
padding: 2px; |
|||
position: absolute; |
|||
background: #f5f5f5; |
|||
border: 1px solid #979797; |
|||
-moz-box-shadow: 5px 5px 4px -4px #666666; |
|||
-webkit-box-shadow: 2px 2px 2px #999999; |
|||
box-shadow: 2px 2px 2px #999999; |
|||
} |
|||
.vakata-context ul { |
|||
list-style: none; |
|||
left: 100%; |
|||
margin-top: -2.7em; |
|||
margin-left: -4px; |
|||
} |
|||
.vakata-context .vakata-context-right ul { |
|||
left: auto; |
|||
right: 100%; |
|||
margin-left: auto; |
|||
margin-right: -4px; |
|||
} |
|||
.vakata-context li { |
|||
list-style: none; |
|||
display: inline; |
|||
} |
|||
.vakata-context li > a { |
|||
display: block; |
|||
padding: 0 2em 0 2em; |
|||
text-decoration: none; |
|||
width: auto; |
|||
color: black; |
|||
white-space: nowrap; |
|||
line-height: 2.4em; |
|||
-moz-text-shadow: 1px 1px 0 white; |
|||
-webkit-text-shadow: 1px 1px 0 white; |
|||
text-shadow: 1px 1px 0 white; |
|||
-moz-border-radius: 1px; |
|||
-webkit-border-radius: 1px; |
|||
border-radius: 1px; |
|||
} |
|||
.vakata-context li > a:hover { |
|||
position: relative; |
|||
background-color: #e8eff7; |
|||
-moz-box-shadow: 0 0 2px #0a6aa1; |
|||
-webkit-box-shadow: 0 0 2px #0a6aa1; |
|||
box-shadow: 0 0 2px #0a6aa1; |
|||
} |
|||
.vakata-context li > a.vakata-context-parent { |
|||
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw=="); |
|||
background-position: right center; |
|||
background-repeat: no-repeat; |
|||
} |
|||
.vakata-context li > a:focus { |
|||
outline: 0; |
|||
} |
|||
.vakata-context .vakata-context-hover > a { |
|||
position: relative; |
|||
background-color: #e8eff7; |
|||
-moz-box-shadow: 0 0 2px #0a6aa1; |
|||
-webkit-box-shadow: 0 0 2px #0a6aa1; |
|||
box-shadow: 0 0 2px #0a6aa1; |
|||
} |
|||
.vakata-context .vakata-context-separator a, |
|||
.vakata-context .vakata-context-separator a:hover { |
|||
background: white; |
|||
border: 0; |
|||
border-top: 1px solid #e2e3e3; |
|||
height: 1px; |
|||
min-height: 1px; |
|||
max-height: 1px; |
|||
padding: 0; |
|||
margin: 0 0 0 2.4em; |
|||
border-left: 1px solid #e0e0e0; |
|||
-moz-text-shadow: 0 0 0 transparent; |
|||
-webkit-text-shadow: 0 0 0 transparent; |
|||
text-shadow: 0 0 0 transparent; |
|||
-moz-box-shadow: 0 0 0 transparent; |
|||
-webkit-box-shadow: 0 0 0 transparent; |
|||
box-shadow: 0 0 0 transparent; |
|||
-moz-border-radius: 0; |
|||
-webkit-border-radius: 0; |
|||
border-radius: 0; |
|||
} |
|||
.vakata-context .vakata-contextmenu-disabled a, |
|||
.vakata-context .vakata-contextmenu-disabled a:hover { |
|||
color: silver; |
|||
background-color: transparent; |
|||
border: 0; |
|||
box-shadow: 0 0 0; |
|||
} |
|||
.vakata-context li > a > i { |
|||
text-decoration: none; |
|||
display: inline-block; |
|||
width: 2.4em; |
|||
height: 2.4em; |
|||
background: transparent; |
|||
margin: 0 0 0 -2em; |
|||
vertical-align: top; |
|||
text-align: center; |
|||
line-height: 2.4em; |
|||
} |
|||
.vakata-context li > a > i:empty { |
|||
width: 2.4em; |
|||
line-height: 2.4em; |
|||
} |
|||
.vakata-context li > a .vakata-contextmenu-sep { |
|||
display: inline-block; |
|||
width: 1px; |
|||
height: 2.4em; |
|||
background: white; |
|||
margin: 0 0.5em 0 0; |
|||
border-left: 1px solid #e2e3e3; |
|||
} |
|||
.vakata-context .vakata-contextmenu-shortcut { |
|||
font-size: 0.8em; |
|||
color: silver; |
|||
opacity: 0.5; |
|||
display: none; |
|||
} |
|||
.vakata-context-rtl ul { |
|||
left: auto; |
|||
right: 100%; |
|||
margin-left: auto; |
|||
margin-right: -4px; |
|||
} |
|||
.vakata-context-rtl li > a.vakata-context-parent { |
|||
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7"); |
|||
background-position: left center; |
|||
background-repeat: no-repeat; |
|||
} |
|||
.vakata-context-rtl .vakata-context-separator > a { |
|||
margin: 0 2.4em 0 0; |
|||
border-left: 0; |
|||
border-right: 1px solid #e2e3e3; |
|||
} |
|||
.vakata-context-rtl .vakata-context-left ul { |
|||
right: auto; |
|||
left: 100%; |
|||
margin-left: -4px; |
|||
margin-right: auto; |
|||
} |
|||
.vakata-context-rtl li > a > i { |
|||
margin: 0 -2em 0 0; |
|||
} |
|||
.vakata-context-rtl li > a .vakata-contextmenu-sep { |
|||
margin: 0 0 0 0.5em; |
|||
border-left-color: white; |
|||
background: #e2e3e3; |
|||
} |
|||
#jstree-marker { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
margin: 0; |
|||
padding: 0; |
|||
border-right: 0; |
|||
border-top: 5px solid transparent; |
|||
border-bottom: 5px solid transparent; |
|||
border-left: 5px solid; |
|||
width: 0; |
|||
height: 0; |
|||
font-size: 0; |
|||
line-height: 0; |
|||
} |
|||
#jstree-dnd { |
|||
line-height: 16px; |
|||
margin: 0; |
|||
padding: 4px; |
|||
} |
|||
#jstree-dnd .jstree-icon, |
|||
#jstree-dnd .jstree-copy { |
|||
display: inline-block; |
|||
text-decoration: none; |
|||
margin: 0 2px 0 0; |
|||
padding: 0; |
|||
width: 16px; |
|||
height: 16px; |
|||
} |
|||
#jstree-dnd .jstree-ok { |
|||
background: green; |
|||
} |
|||
#jstree-dnd .jstree-er { |
|||
background: red; |
|||
} |
|||
#jstree-dnd .jstree-copy { |
|||
margin: 0 2px 0 2px; |
|||
} |
|||
.jstree-default .jstree-node, |
|||
.jstree-default .jstree-icon { |
|||
background-repeat: no-repeat; |
|||
background-color: transparent; |
|||
} |
|||
.jstree-default .jstree-anchor, |
|||
.jstree-default .jstree-wholerow { |
|||
transition: background-color 0.15s, box-shadow 0.15s; |
|||
} |
|||
.jstree-default .jstree-hovered { |
|||
background: #e7f4f9; |
|||
border-radius: 2px; |
|||
box-shadow: inset 0 0 1px #ccc; |
|||
} |
|||
.jstree-default .jstree-clicked { |
|||
background: #beebff; |
|||
border-radius: 2px; |
|||
box-shadow: inset 0 0 1px #999; |
|||
} |
|||
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon { |
|||
display: none; |
|||
} |
|||
.jstree-default .jstree-disabled { |
|||
background: transparent; |
|||
color: #666; |
|||
} |
|||
.jstree-default .jstree-disabled.jstree-hovered { |
|||
background: transparent; |
|||
box-shadow: none; |
|||
} |
|||
.jstree-default .jstree-disabled.jstree-clicked { |
|||
background: #efefef; |
|||
} |
|||
.jstree-default .jstree-disabled > .jstree-icon { |
|||
opacity: 0.8; |
|||
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale"); |
|||
/* Firefox 10+ */ |
|||
filter: gray; |
|||
/* IE6-9 */ |
|||
-webkit-filter: grayscale(100%); |
|||
/* Chrome 19+ & Safari 6+ */ |
|||
} |
|||
.jstree-default .jstree-search { |
|||
font-style: italic; |
|||
color: #8b0000; |
|||
font-weight: bold; |
|||
} |
|||
.jstree-default .jstree-no-checkboxes .jstree-checkbox { |
|||
display: none !important; |
|||
} |
|||
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked { |
|||
background: transparent; |
|||
box-shadow: none; |
|||
} |
|||
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { |
|||
background: #e7f4f9; |
|||
} |
|||
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked { |
|||
background: transparent; |
|||
} |
|||
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { |
|||
background: #e7f4f9; |
|||
} |
|||
#jstree-dnd.jstree-default .jstree-ok, |
|||
#jstree-dnd.jstree-default .jstree-er { |
|||
background-image: url("32px.png"); |
|||
background-repeat: no-repeat; |
|||
background-color: transparent; |
|||
} |
|||
#jstree-dnd.jstree-default i { |
|||
background: transparent; |
|||
width: 16px; |
|||
height: 16px; |
|||
} |
|||
#jstree-dnd.jstree-default .jstree-ok { |
|||
background-position: -9px -71px; |
|||
} |
|||
#jstree-dnd.jstree-default .jstree-er { |
|||
background-position: -39px -71px; |
|||
} |
|||
.jstree-default > .jstree-striped { |
|||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat; |
|||
} |
|||
.jstree-default > .jstree-wholerow-ul .jstree-hovered, |
|||
.jstree-default > .jstree-wholerow-ul .jstree-clicked { |
|||
background: transparent; |
|||
box-shadow: none; |
|||
border-radius: 0; |
|||
} |
|||
.jstree-default .jstree-wholerow { |
|||
-moz-box-sizing: border-box; |
|||
-webkit-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
.jstree-default .jstree-wholerow-hovered { |
|||
background: #e7f4f9; |
|||
} |
|||
.jstree-default .jstree-wholerow-clicked { |
|||
background: #beebff; |
|||
background: -moz-linear-gradient(top, #beebff 0%, #a8e4ff 100%); |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #beebff), color-stop(100%, #a8e4ff)); |
|||
background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%); |
|||
background: -o-linear-gradient(top, #beebff 0%, #a8e4ff 100%); |
|||
background: -ms-linear-gradient(top, #beebff 0%, #a8e4ff 100%); |
|||
background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%); |
|||
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );*/ |
|||
} |
|||
.jstree-default .jstree-node { |
|||
min-height: 24px; |
|||
line-height: 24px; |
|||
margin-left: 24px; |
|||
min-width: 24px; |
|||
} |
|||
.jstree-default .jstree-anchor { |
|||
line-height: 24px; |
|||
height: 24px; |
|||
} |
|||
.jstree-default .jstree-icon { |
|||
width: 24px; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
} |
|||
.jstree-default .jstree-icon:empty { |
|||
width: 24px; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
} |
|||
.jstree-default.jstree-rtl .jstree-node { |
|||
margin-right: 24px; |
|||
} |
|||
.jstree-default .jstree-wholerow { |
|||
height: 24px; |
|||
} |
|||
.jstree-default .jstree-node, |
|||
.jstree-default .jstree-icon { |
|||
background-image: url("32px.png"); |
|||
} |
|||
.jstree-default .jstree-node { |
|||
background-position: -292px -4px; |
|||
background-repeat: repeat-y; |
|||
} |
|||
.jstree-default .jstree-last { |
|||
background: transparent; |
|||
} |
|||
.jstree-default .jstree-open > .jstree-ocl { |
|||
background-position: -132px -4px; |
|||
} |
|||
.jstree-default .jstree-closed > .jstree-ocl { |
|||
background-position: -100px -4px; |
|||
} |
|||
.jstree-default .jstree-leaf > .jstree-ocl { |
|||
background-position: -68px -4px; |
|||
} |
|||
.jstree-default .jstree-themeicon { |
|||
background-position: -260px -4px; |
|||
} |
|||
.jstree-default > .jstree-no-dots .jstree-node, |
|||
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl { |
|||
background: transparent; |
|||
} |
|||
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl { |
|||
background-position: -36px -4px; |
|||
} |
|||
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl { |
|||
background-position: -4px -4px; |
|||
} |
|||
.jstree-default .jstree-disabled { |
|||
background: transparent; |
|||
} |
|||
.jstree-default .jstree-disabled.jstree-hovered { |
|||
background: transparent; |
|||
} |
|||
.jstree-default .jstree-disabled.jstree-clicked { |
|||
background: #efefef; |
|||
} |
|||
.jstree-default .jstree-checkbox { |
|||
background-position: -164px -4px; |
|||
} |
|||
.jstree-default .jstree-checkbox:hover { |
|||
background-position: -164px -36px; |
|||
} |
|||
.jstree-default .jstree-clicked > .jstree-checkbox { |
|||
background-position: -228px -4px; |
|||
} |
|||
.jstree-default .jstree-clicked > .jstree-checkbox:hover { |
|||
background-position: -228px -36px; |
|||
} |
|||
.jstree-default .jstree-anchor > .jstree-undetermined { |
|||
background-position: -196px -4px; |
|||
} |
|||
.jstree-default .jstree-anchor > .jstree-undetermined:hover { |
|||
background-position: -196px -36px; |
|||
} |
|||
.jstree-default > .jstree-striped { |
|||
background-size: auto 48px; |
|||
} |
|||
.jstree-default.jstree-rtl .jstree-node { |
|||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); |
|||
background-position: 100% 1px; |
|||
background-repeat: repeat-y; |
|||
} |
|||
.jstree-default.jstree-rtl .jstree-last { |
|||
background: transparent; |
|||
} |
|||
.jstree-default.jstree-rtl .jstree-open > .jstree-ocl { |
|||
background-position: -132px -36px; |
|||
} |
|||
.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl { |
|||
background-position: -100px -36px; |
|||
} |
|||
.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl { |
|||
background-position: -68px -36px; |
|||
} |
|||
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node, |
|||
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { |
|||
background: transparent; |
|||
} |
|||
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { |
|||
background-position: -36px -36px; |
|||
} |
|||
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { |
|||
background-position: -4px -36px; |
|||
} |
|||
.jstree-default .jstree-themeicon-custom { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
background-position: 0 0; |
|||
} |
|||
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl { |
|||
background: url("throbber.gif") center center no-repeat; |
|||
} |
|||
.jstree-default .jstree-file { |
|||
background: url("32px.png") -100px -68px no-repeat; |
|||
} |
|||
.jstree-default .jstree-folder { |
|||
background: url("32px.png") -260px -4px no-repeat; |
|||
} |
|||
.jstree-default.jstree-rtl .jstree-node { |
|||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); |
|||
} |
|||
.jstree-default.jstree-rtl .jstree-last { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-small .jstree-node { |
|||
min-height: 18px; |
|||
line-height: 18px; |
|||
margin-left: 18px; |
|||
min-width: 18px; |
|||
} |
|||
.jstree-default-small .jstree-anchor { |
|||
line-height: 18px; |
|||
height: 18px; |
|||
} |
|||
.jstree-default-small .jstree-icon { |
|||
width: 18px; |
|||
height: 18px; |
|||
line-height: 18px; |
|||
} |
|||
.jstree-default-small .jstree-icon:empty { |
|||
width: 18px; |
|||
height: 18px; |
|||
line-height: 18px; |
|||
} |
|||
.jstree-default-small.jstree-rtl .jstree-node { |
|||
margin-right: 18px; |
|||
} |
|||
.jstree-default-small .jstree-wholerow { |
|||
height: 18px; |
|||
} |
|||
.jstree-default-small .jstree-node, |
|||
.jstree-default-small .jstree-icon { |
|||
background-image: url("32px.png"); |
|||
} |
|||
.jstree-default-small .jstree-node { |
|||
background-position: -295px -7px; |
|||
background-repeat: repeat-y; |
|||
} |
|||
.jstree-default-small .jstree-last { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-small .jstree-open > .jstree-ocl { |
|||
background-position: -135px -7px; |
|||
} |
|||
.jstree-default-small .jstree-closed > .jstree-ocl { |
|||
background-position: -103px -7px; |
|||
} |
|||
.jstree-default-small .jstree-leaf > .jstree-ocl { |
|||
background-position: -71px -7px; |
|||
} |
|||
.jstree-default-small .jstree-themeicon { |
|||
background-position: -263px -7px; |
|||
} |
|||
.jstree-default-small > .jstree-no-dots .jstree-node, |
|||
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl { |
|||
background-position: -39px -7px; |
|||
} |
|||
.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl { |
|||
background-position: -7px -7px; |
|||
} |
|||
.jstree-default-small .jstree-disabled { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-small .jstree-disabled.jstree-hovered { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-small .jstree-disabled.jstree-clicked { |
|||
background: #efefef; |
|||
} |
|||
.jstree-default-small .jstree-checkbox { |
|||
background-position: -167px -7px; |
|||
} |
|||
.jstree-default-small .jstree-checkbox:hover { |
|||
background-position: -167px -39px; |
|||
} |
|||
.jstree-default-small .jstree-clicked > .jstree-checkbox { |
|||
background-position: -231px -7px; |
|||
} |
|||
.jstree-default-small .jstree-clicked > .jstree-checkbox:hover { |
|||
background-position: -231px -39px; |
|||
} |
|||
.jstree-default-small .jstree-anchor > .jstree-undetermined { |
|||
background-position: -199px -7px; |
|||
} |
|||
.jstree-default-small .jstree-anchor > .jstree-undetermined:hover { |
|||
background-position: -199px -39px; |
|||
} |
|||
.jstree-default-small > .jstree-striped { |
|||
background-size: auto 36px; |
|||
} |
|||
.jstree-default-small.jstree-rtl .jstree-node { |
|||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); |
|||
background-position: 100% 1px; |
|||
background-repeat: repeat-y; |
|||
} |
|||
.jstree-default-small.jstree-rtl .jstree-last { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl { |
|||
background-position: -135px -39px; |
|||
} |
|||
.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl { |
|||
background-position: -103px -39px; |
|||
} |
|||
.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl { |
|||
background-position: -71px -39px; |
|||
} |
|||
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node, |
|||
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { |
|||
background-position: -39px -39px; |
|||
} |
|||
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { |
|||
background-position: -7px -39px; |
|||
} |
|||
.jstree-default-small .jstree-themeicon-custom { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
background-position: 0 0; |
|||
} |
|||
.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl { |
|||
background: url("throbber.gif") center center no-repeat; |
|||
} |
|||
.jstree-default-small .jstree-file { |
|||
background: url("32px.png") -103px -71px no-repeat; |
|||
} |
|||
.jstree-default-small .jstree-folder { |
|||
background: url("32px.png") -263px -7px no-repeat; |
|||
} |
|||
.jstree-default-small.jstree-rtl .jstree-node { |
|||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); |
|||
} |
|||
.jstree-default-small.jstree-rtl .jstree-last { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-large .jstree-node { |
|||
min-height: 32px; |
|||
line-height: 32px; |
|||
margin-left: 32px; |
|||
min-width: 32px; |
|||
} |
|||
.jstree-default-large .jstree-anchor { |
|||
line-height: 32px; |
|||
height: 32px; |
|||
} |
|||
.jstree-default-large .jstree-icon { |
|||
width: 32px; |
|||
height: 32px; |
|||
line-height: 32px; |
|||
} |
|||
.jstree-default-large .jstree-icon:empty { |
|||
width: 32px; |
|||
height: 32px; |
|||
line-height: 32px; |
|||
} |
|||
.jstree-default-large.jstree-rtl .jstree-node { |
|||
margin-right: 32px; |
|||
} |
|||
.jstree-default-large .jstree-wholerow { |
|||
height: 32px; |
|||
} |
|||
.jstree-default-large .jstree-node, |
|||
.jstree-default-large .jstree-icon { |
|||
background-image: url("32px.png"); |
|||
} |
|||
.jstree-default-large .jstree-node { |
|||
background-position: -288px 0px; |
|||
background-repeat: repeat-y; |
|||
} |
|||
.jstree-default-large .jstree-last { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-large .jstree-open > .jstree-ocl { |
|||
background-position: -128px 0px; |
|||
} |
|||
.jstree-default-large .jstree-closed > .jstree-ocl { |
|||
background-position: -96px 0px; |
|||
} |
|||
.jstree-default-large .jstree-leaf > .jstree-ocl { |
|||
background-position: -64px 0px; |
|||
} |
|||
.jstree-default-large .jstree-themeicon { |
|||
background-position: -256px 0px; |
|||
} |
|||
.jstree-default-large > .jstree-no-dots .jstree-node, |
|||
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl { |
|||
background-position: -32px 0px; |
|||
} |
|||
.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl { |
|||
background-position: 0px 0px; |
|||
} |
|||
.jstree-default-large .jstree-disabled { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-large .jstree-disabled.jstree-hovered { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-large .jstree-disabled.jstree-clicked { |
|||
background: #efefef; |
|||
} |
|||
.jstree-default-large .jstree-checkbox { |
|||
background-position: -160px 0px; |
|||
} |
|||
.jstree-default-large .jstree-checkbox:hover { |
|||
background-position: -160px -32px; |
|||
} |
|||
.jstree-default-large .jstree-clicked > .jstree-checkbox { |
|||
background-position: -224px 0px; |
|||
} |
|||
.jstree-default-large .jstree-clicked > .jstree-checkbox:hover { |
|||
background-position: -224px -32px; |
|||
} |
|||
.jstree-default-large .jstree-anchor > .jstree-undetermined { |
|||
background-position: -192px 0px; |
|||
} |
|||
.jstree-default-large .jstree-anchor > .jstree-undetermined:hover { |
|||
background-position: -192px -32px; |
|||
} |
|||
.jstree-default-large > .jstree-striped { |
|||
background-size: auto 64px; |
|||
} |
|||
.jstree-default-large.jstree-rtl .jstree-node { |
|||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); |
|||
background-position: 100% 1px; |
|||
background-repeat: repeat-y; |
|||
} |
|||
.jstree-default-large.jstree-rtl .jstree-last { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl { |
|||
background-position: -128px -32px; |
|||
} |
|||
.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl { |
|||
background-position: -96px -32px; |
|||
} |
|||
.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl { |
|||
background-position: -64px -32px; |
|||
} |
|||
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node, |
|||
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { |
|||
background-position: -32px -32px; |
|||
} |
|||
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { |
|||
background-position: 0px -32px; |
|||
} |
|||
.jstree-default-large .jstree-themeicon-custom { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
background-position: 0 0; |
|||
} |
|||
.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl { |
|||
background: url("throbber.gif") center center no-repeat; |
|||
} |
|||
.jstree-default-large .jstree-file { |
|||
background: url("32px.png") -96px -64px no-repeat; |
|||
} |
|||
.jstree-default-large .jstree-folder { |
|||
background: url("32px.png") -256px 0px no-repeat; |
|||
} |
|||
.jstree-default-large.jstree-rtl .jstree-node { |
|||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); |
|||
} |
|||
.jstree-default-large.jstree-rtl .jstree-last { |
|||
background: transparent; |
|||
} |
|||
@media (max-width: 768px) { |
|||
.jstree-default-responsive { |
|||
/* |
|||
.jstree-open > .jstree-ocl, |
|||
.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; } |
|||
*/ |
|||
} |
|||
.jstree-default-responsive .jstree-icon { |
|||
background-image: url("40px.png"); |
|||
} |
|||
.jstree-default-responsive .jstree-node, |
|||
.jstree-default-responsive .jstree-leaf > .jstree-ocl { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-responsive .jstree-node { |
|||
min-height: 40px; |
|||
line-height: 40px; |
|||
margin-left: 40px; |
|||
min-width: 40px; |
|||
white-space: nowrap; |
|||
} |
|||
.jstree-default-responsive .jstree-anchor { |
|||
line-height: 40px; |
|||
height: 40px; |
|||
} |
|||
.jstree-default-responsive .jstree-icon, |
|||
.jstree-default-responsive .jstree-icon:empty { |
|||
width: 40px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
} |
|||
.jstree-default-responsive > .jstree-container-ul > .jstree-node { |
|||
margin-left: 0; |
|||
} |
|||
.jstree-default-responsive.jstree-rtl .jstree-node { |
|||
margin-left: 0; |
|||
margin-right: 40px; |
|||
} |
|||
.jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node { |
|||
margin-right: 0; |
|||
} |
|||
.jstree-default-responsive .jstree-ocl, |
|||
.jstree-default-responsive .jstree-themeicon, |
|||
.jstree-default-responsive .jstree-checkbox { |
|||
background-size: 120px 200px; |
|||
} |
|||
.jstree-default-responsive .jstree-leaf > .jstree-ocl { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-responsive .jstree-open > .jstree-ocl { |
|||
background-position: 0 0px !important; |
|||
} |
|||
.jstree-default-responsive .jstree-closed > .jstree-ocl { |
|||
background-position: 0 -40px !important; |
|||
} |
|||
.jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl { |
|||
background-position: -40px 0px !important; |
|||
} |
|||
.jstree-default-responsive .jstree-themeicon { |
|||
background-position: -40px -40px; |
|||
} |
|||
.jstree-default-responsive .jstree-checkbox, |
|||
.jstree-default-responsive .jstree-checkbox:hover { |
|||
background-position: -40px -80px; |
|||
} |
|||
.jstree-default-responsive .jstree-clicked > .jstree-checkbox, |
|||
.jstree-default-responsive .jstree-clicked > .jstree-checkbox:hover { |
|||
background-position: 0 -80px; |
|||
} |
|||
.jstree-default-responsive .jstree-anchor > .jstree-undetermined, |
|||
.jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover { |
|||
background-position: 0 -120px; |
|||
} |
|||
.jstree-default-responsive .jstree-anchor { |
|||
font-weight: bold; |
|||
font-size: 1.1em; |
|||
text-shadow: 1px 1px white; |
|||
} |
|||
.jstree-default-responsive > .jstree-striped { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-responsive .jstree-wholerow { |
|||
border-top: 1px solid rgba(255, 255, 255, 0.7); |
|||
border-bottom: 1px solid rgba(64, 64, 64, 0.2); |
|||
background: #ebebeb; |
|||
height: 40px; |
|||
} |
|||
.jstree-default-responsive .jstree-wholerow-hovered { |
|||
background: #e7f4f9; |
|||
} |
|||
.jstree-default-responsive .jstree-wholerow-clicked { |
|||
background: #beebff; |
|||
} |
|||
.jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow { |
|||
box-shadow: inset 0 -6px 3px -5px #666666; |
|||
} |
|||
.jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow { |
|||
box-shadow: inset 0 6px 3px -5px #666666; |
|||
border-top: 0; |
|||
} |
|||
.jstree-default-responsive .jstree-children .jstree-open + .jstree-open { |
|||
box-shadow: none; |
|||
} |
|||
.jstree-default-responsive .jstree-node, |
|||
.jstree-default-responsive .jstree-icon, |
|||
.jstree-default-responsive .jstree-node > .jstree-ocl, |
|||
.jstree-default-responsive .jstree-themeicon, |
|||
.jstree-default-responsive .jstree-checkbox { |
|||
background-image: url("40px.png"); |
|||
background-size: 120px 200px; |
|||
} |
|||
.jstree-default-responsive .jstree-node { |
|||
background-position: -80px 0; |
|||
background-repeat: repeat-y; |
|||
} |
|||
.jstree-default-responsive .jstree-last { |
|||
background: transparent; |
|||
} |
|||
.jstree-default-responsive .jstree-leaf > .jstree-ocl { |
|||
background-position: -40px -120px; |
|||
} |
|||
.jstree-default-responsive .jstree-last > .jstree-ocl { |
|||
background-position: -40px -160px; |
|||
} |
|||
.jstree-default-responsive .jstree-themeicon-custom { |
|||
background-color: transparent; |
|||
background-image: none; |
|||
background-position: 0 0; |
|||
} |
|||
.jstree-default-responsive .jstree-file { |
|||
background: url("40px.png") 0 -160px no-repeat; |
|||
background-size: 120px 200px; |
|||
} |
|||
.jstree-default-responsive .jstree-folder { |
|||
background: url("40px.png") -40px -40px no-repeat; |
|||
background-size: 120px 200px; |
|||
} |
|||
} |
|||
.jstree-default > .jstree-container-ul > .jstree-node { |
|||
margin-left: 0; |
|||
margin-right: 0; |
|||
} |
|||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.7 KiB |
@ -0,0 +1,377 @@ |
|||
/*** |
|||
light theme |
|||
***/ |
|||
|
|||
/*** |
|||
Reset and overrides |
|||
***/ |
|||
body { |
|||
background-color: #fafafa !important; |
|||
} |
|||
/*** |
|||
Page header |
|||
***/ |
|||
.header .navbar-inner { |
|||
filter: none !important; |
|||
background-image: none !important; |
|||
background-color: #434343 !important; |
|||
} |
|||
.header .btn-navbar { |
|||
background-color: #434343 !important; |
|||
} |
|||
.header .nav .dropdown-toggle:hover, |
|||
.header .nav .dropdown.open .dropdown-toggle { |
|||
background-color: #4f4f4f !important; |
|||
} |
|||
.header .nav li.dropdown .dropdown-toggle i { |
|||
color: #808080 !important; |
|||
} |
|||
/*** |
|||
Page sidebar |
|||
***/ |
|||
.page-content { |
|||
border-left: 1px solid #e2e2e2 !important; |
|||
border-bottom: 1px solid #e2e2e2 !important; |
|||
} |
|||
.page-sidebar { |
|||
background-color: #fafafa; |
|||
} |
|||
.page-sidebar-fixed .page-content { |
|||
border: 0 !important; |
|||
} |
|||
.page-sidebar-fixed .page-sidebar { |
|||
border-right: 1px solid #e2e2e2 !important; |
|||
} |
|||
|
|||
|
|||
ul.page-sidebar-menu > li > a { |
|||
border-top: 1px solid #e2e2e2 !important; |
|||
color: #000 !important; |
|||
font-weight: 400; |
|||
} |
|||
|
|||
ul.page-sidebar-menu > li:first-child > a { |
|||
border-top: 1px solid transparent !important; |
|||
} |
|||
|
|||
ul.page-sidebar-menu > li:last-child > a { |
|||
border-bottom: 1px solid transparent !important; |
|||
} |
|||
|
|||
ul.page-sidebar-menu > li a i { |
|||
color: #bbb !important; |
|||
} |
|||
ul.page-sidebar-menu > li.open > a, |
|||
ul.page-sidebar-menu > li > a:hover, |
|||
ul.page-sidebar-menu > li:hover > a { |
|||
background: #eee; |
|||
border-top: 1px solid #e8e8e8; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a .selected { |
|||
right:-7px; |
|||
top:0px; |
|||
width: 7px; |
|||
height: 39px; |
|||
background-image: url("../../img/sidebar-menu-arrow-green.png"); |
|||
} |
|||
ul.page-sidebar-menu > li.active i { |
|||
color: #fff !important; |
|||
} |
|||
.page-sidebar-fixed ul.page-sidebar-menu > li.active > a .selected { |
|||
display: none; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a{ |
|||
background: #28b779 !important; |
|||
border-top-color: transparent !important; |
|||
color:#fff !important; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a i { |
|||
color: #fff; |
|||
} |
|||
ul.page-sidebar-menu > li > a > .arrow:before, |
|||
ul.page-sidebar-menu > li > a > .arrow.open:before { |
|||
color: #ccc !important; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a .arrow:before, |
|||
ul.page-sidebar-menu > li.active > a .arrow.open:before { |
|||
color: #fff !important; |
|||
} |
|||
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a { |
|||
border-top: 0px !important; |
|||
} |
|||
|
|||
ul.page-sidebar-menu ul.sub-menu > li > a { |
|||
font-weight: 400 !important; |
|||
color: #333 !important; |
|||
} |
|||
ul.page-sidebar-menu ul.sub-menu > li.active > a, |
|||
ul.page-sidebar-menu ul.sub-menu > li > a:hover { |
|||
color: #818181 !important; |
|||
background: #efefef !important; |
|||
} |
|||
|
|||
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, |
|||
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before { |
|||
color: #ccc !important; |
|||
} |
|||
|
|||
/* sub menu links effects */ |
|||
ul.page-sidebar-menu ul.sub-menu > li.active > a, |
|||
ul.page-sidebar-menu ul.sub-menu > li > a:hover, |
|||
ul.page-sidebar-menu ul.sub-menu > li.open > a { |
|||
color: #818181 !important; |
|||
background: #efefef !important; |
|||
} |
|||
ul.page-sidebar-menu ul.sub-menu > li > a i { |
|||
color: #bbb !important; |
|||
} |
|||
|
|||
/* sidebar search */ |
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #fbfbfb !important; |
|||
color: #727272 !important; |
|||
} |
|||
.page-sidebar .sidebar-search input::-webkit-input-placeholder { |
|||
color: #aaa !important; |
|||
} |
|||
.page-sidebar .sidebar-search input:-moz-placeholder { |
|||
color: #aaa !important; |
|||
} |
|||
.page-sidebar .sidebar-search input:-ms-input-placeholder { |
|||
color: #aaa !important; |
|||
} |
|||
.page-sidebar .sidebar-search .input-box { |
|||
border-bottom: 1px solid #e2e2e2 !important; |
|||
} |
|||
.page-sidebar .sidebar-search .submit { |
|||
background-image: url(../../img/search-icon-white.png); |
|||
} |
|||
|
|||
/*** |
|||
Sidebar toggler |
|||
***/ |
|||
.sidebar-toggler { |
|||
background-image: url(../../img/sidebar-toggler-light.jpg); |
|||
background-color: #333; |
|||
} |
|||
/* search box bg color on expanded */ |
|||
.page-sidebar-closed .page-sidebar .sidebar-search.open { |
|||
background-color: #fbfbfb !important; |
|||
} |
|||
.page-sidebar-closed .page-sidebar .sidebar-search.open .remove { |
|||
background-image: url("../../img/sidebar-search-close-light.png"); |
|||
} |
|||
/* sub menu bg color on hover menu item */ |
|||
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu { |
|||
background-color: #fbfbfb; |
|||
} |
|||
/*** |
|||
Horizontal Menu(new in v1.2) |
|||
***/ |
|||
/*search*/ |
|||
.header .hor-menu .hor-menu-search-form-toggler { |
|||
background: #363636 url(../../img/hor-menu-search.png) no-repeat center; |
|||
} |
|||
|
|||
.header .hor-menu .hor-menu-search-form-toggler.hide { |
|||
background: #363636 url(../../img/hor-menu-search-close.png) no-repeat center; |
|||
} |
|||
|
|||
.header .hor-menu .search-form { |
|||
background:#363636; |
|||
} |
|||
|
|||
.header .hor-menu .search-form .btn { |
|||
color: #999; |
|||
background: #3b3b3b url(../../img/search-icon.png) no-repeat center; |
|||
} |
|||
|
|||
.header .hor-menu .search-form form input { |
|||
color: #999; |
|||
} |
|||
|
|||
.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */ |
|||
color: #999; |
|||
} |
|||
.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ |
|||
color: #999; |
|||
} |
|||
.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */ |
|||
color: #999; |
|||
} |
|||
.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */ |
|||
color: #999; |
|||
} |
|||
/*** |
|||
Footer |
|||
***/ |
|||
.footer .footer-inner { |
|||
color: #333333; |
|||
} |
|||
.footer .footer-tools .go-top { |
|||
background-color: #666666; |
|||
} |
|||
.footer .footer-tools .go-top:hover { |
|||
opacity: 0.7; |
|||
filter: alpha(opacity=70); |
|||
} |
|||
.footer .footer-tools .go-top i { |
|||
color: #999999; |
|||
} |
|||
/*** |
|||
Footer Layouts (new in v1.3) |
|||
***/ |
|||
/* begin:fixed footer */ |
|||
.page-footer-fixed .footer { |
|||
background-color: #434343; |
|||
} |
|||
.page-footer-fixed .footer .footer-inner { |
|||
color: #aaaaaa; |
|||
} |
|||
.page-footer-fixed .footer .footer-tools .go-top { |
|||
background-color: #666666; |
|||
} |
|||
.page-footer-fixed .footer .footer-tools .go-top i { |
|||
color: #aaaaaa; |
|||
} |
|||
/* end:fixed footer */ |
|||
/*** |
|||
Gritter Notifications |
|||
***/ |
|||
.gritter-top { |
|||
background: url(../../plugins/gritter/images/gritter.png) no-repeat left -30px !important; |
|||
} |
|||
.gritter-bottom { |
|||
background: url(../../plugins/gritter/images/gritter.png) no-repeat left bottom !important; |
|||
} |
|||
.gritter-item { |
|||
display: block; |
|||
background: url(../../plugins/gritter/images/gritter.png) no-repeat left -40px !important; |
|||
} |
|||
.gritter-close { |
|||
background: url(../../plugins/gritter/images/gritter.png) no-repeat left top !important; |
|||
} |
|||
.gritter-title { |
|||
text-shadow: none !important; |
|||
/* Not supported by IE :( */ |
|||
|
|||
} |
|||
/* for the light (white) version of the gritter notice */ |
|||
.gritter-light .gritter-item, |
|||
.gritter-light .gritter-bottom, |
|||
.gritter-light .gritter-top, |
|||
.gritter-light .gritter-close { |
|||
background-image: url(../../plugins/gritter/images/gritter-light.png) !important; |
|||
} |
|||
.gritter-item-wrapper a { |
|||
color: #18a5ed; |
|||
} |
|||
.gritter-item-wrapper a:hover { |
|||
color: #0b6694; |
|||
} |
|||
/* begin: boxed page */ |
|||
@media (min-width: 980px) { |
|||
.page-boxed { |
|||
background-color: #E8E8E8 !important; |
|||
} |
|||
.page-boxed .page-container { |
|||
background-color: #fafafa; |
|||
border-left: 1px solid #e2e2e2; |
|||
border-bottom: 1px solid #e2e2e2; |
|||
} |
|||
.page-boxed.page-sidebar-fixed .page-container { |
|||
border-left: 0; |
|||
border-bottom: 0; |
|||
} |
|||
.page-boxed.page-sidebar-fixed .page-sidebar { |
|||
border-left: 1px solid #e2e2e2; |
|||
} |
|||
.page-boxed.page-sidebar-fixed.page-footer-fixed .footer { |
|||
background-color: #E8E8E8 !important; |
|||
} |
|||
} |
|||
/* end: boxed page */ |
|||
/*** |
|||
Landscape phone to portrait tablet |
|||
***/ |
|||
@media (max-width: 979px) { |
|||
/*** |
|||
page sidebar |
|||
***/ |
|||
.page-sidebar { |
|||
background-color: #f1f1f1 !important; |
|||
border-right: none !important; |
|||
} |
|||
.page-sidebar-fixed .page-sidebar { |
|||
border-right: none !important; |
|||
} |
|||
.page-content { |
|||
border-left: none !important; |
|||
} |
|||
ul.page-sidebar-menu > li > a { |
|||
border-top: 1px solid #ccc !important; |
|||
} |
|||
ul.page-sidebar-menu > li:last-child > a { |
|||
border-bottom: 0 !important; |
|||
} |
|||
|
|||
ul.page-sidebar-menu > li.open > a, |
|||
ul.page-sidebar-menu > li > a:hover { |
|||
color: #666666 !important; |
|||
background-color: #dddddd !important; |
|||
} |
|||
ul.page-sidebar-menu > li.open > a { |
|||
border-bottom-color: transparent !important; |
|||
} |
|||
ul.page-sidebar-menu > li.active > a { |
|||
color: #ffffff !important; |
|||
background-color: #28b779 !important; |
|||
} |
|||
|
|||
ul.page-sidebar-menu ul.sub-menu > li > a { |
|||
color: #111 !important; |
|||
} |
|||
|
|||
ul.page-sidebar-menu ul.sub-menu > li.open > a, |
|||
ul.page-sidebar-menu ul.sub-menu > li.active > a, |
|||
ul.page-sidebar-menu ul.sub-menu > li > a:hover { |
|||
color: #666666 !important; |
|||
background: #dddddd !important; |
|||
} |
|||
|
|||
.page-sidebar .sidebar-search input { |
|||
background-color: #f1f1f1 !important; |
|||
color: #ccc !important; |
|||
} |
|||
|
|||
.page-sidebar .sidebar-search .input-box { |
|||
border-bottom-color: #ccc !important; |
|||
} |
|||
.page-sidebar .sidebar-search input::-webkit-input-placeholder { |
|||
color: #ccc !important; |
|||
} |
|||
.page-sidebar .sidebar-search input:-moz-placeholder { |
|||
color: #ccc !important; |
|||
} |
|||
.page-sidebar .sidebar-search input:-ms-input-placeholder { |
|||
color: #ccc !important; |
|||
} |
|||
|
|||
/*** |
|||
page footer |
|||
***/ |
|||
|
|||
.footer { |
|||
background-color: #434343; |
|||
} |
|||
|
|||
.footer .footer-inner { |
|||
color: #cccccc; |
|||
} |
|||
.footer .footer-tools .go-top { |
|||
background-color: #666666; |
|||
} |
|||
.footer .footer-tools .go-top i { |
|||
color: #999999; |
|||
} |
|||
} |
|||
@ -0,0 +1,125 @@ |
|||
/*** |
|||
Lock Page |
|||
***/ |
|||
body { |
|||
background-color: #ddd; |
|||
padding: 0; |
|||
margin: 0; |
|||
} |
|||
|
|||
.page-lock { |
|||
top: 50%; |
|||
left: 50%; |
|||
position: absolute; |
|||
margin-top: -140px; |
|||
margin-left: -260px; |
|||
} |
|||
|
|||
.page-lock .page-logo { |
|||
margin-bottom: 15px; |
|||
} |
|||
|
|||
.page-lock .page-body { |
|||
width: 500px; |
|||
padding: 10px; |
|||
background: url(../image/bg-white-lock.png) repeat; |
|||
} |
|||
|
|||
.page-lock .page-body:after, |
|||
.page-lock .page-body:before { |
|||
display: table; |
|||
content: ""; |
|||
line-height: 0; |
|||
} |
|||
|
|||
.page-lock .page-body:after { |
|||
clear: both; |
|||
} |
|||
|
|||
.page-lock .page-footer { |
|||
margin-top: 10px; |
|||
text-align: left !important; |
|||
font-size: 12px; |
|||
color: #333; |
|||
} |
|||
|
|||
.page-lock img.page-lock-img { |
|||
float: left; |
|||
width: 200px; |
|||
height: auto; |
|||
} |
|||
|
|||
.page-lock .page-lock-info { |
|||
float: right; |
|||
width: 280px; |
|||
} |
|||
|
|||
.page-lock .page-lock-info h1 { |
|||
margin-top: -5px; |
|||
font-weight: 300; |
|||
color: #fff; |
|||
font-size: 28px; |
|||
line-height: 32px; |
|||
} |
|||
|
|||
.page-lock .page-lock-info span { |
|||
color: #eee; |
|||
display: block; |
|||
font-size: 14px; |
|||
margin-top: -5px; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.page-lock .page-lock-info span em { |
|||
color: #333; |
|||
font-size: 14px; |
|||
font-style: normal; |
|||
} |
|||
|
|||
.page-lock .page-lock-info form { |
|||
margin: 28px 0; |
|||
} |
|||
|
|||
.page-lock .page-lock-info input { |
|||
background: #fff; |
|||
} |
|||
|
|||
.page-lock .relogin { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.page-lock .relogin a { |
|||
color: #e1e1e1; |
|||
} |
|||
|
|||
/*Responsive*/ |
|||
@media (max-width: 480px) { |
|||
.page-lock { |
|||
top:0px; |
|||
width: 260px; |
|||
margin-top: 20px; |
|||
margin-left: -140px; |
|||
} |
|||
|
|||
.page-lock .page-body { |
|||
padding: 10px; |
|||
text-align: center; |
|||
width: 260px; |
|||
} |
|||
|
|||
.page-lock img.page-lock-img { |
|||
float: none !important; |
|||
display: block; |
|||
margin: 0 auto; |
|||
text-align: center; |
|||
margin-bottom: 15px; |
|||
} |
|||
.page-lock .page-lock-info { |
|||
float: none !important; |
|||
width: 260px; |
|||
margin: 0 auto; |
|||
} |
|||
.page-lock .page-lock-info1 form { |
|||
margin-bottom: 0; |
|||
} |
|||
} |
|||
@ -0,0 +1,200 @@ |
|||
/*** |
|||
Login page |
|||
***/ |
|||
|
|||
/* logo page */ |
|||
.login { |
|||
background-color: #fff !important; |
|||
} |
|||
|
|||
.login .logo { |
|||
width: 247px; |
|||
margin: 0 auto; |
|||
margin-top:60px; |
|||
padding: 15px; |
|||
text-align: center; |
|||
} |
|||
|
|||
|
|||
.login .content { |
|||
background: url(../image/bg-white-lock.png) repeat; |
|||
width: 291px; |
|||
margin: 0 auto; |
|||
margin-bottom: 0px; |
|||
padding: 30px; |
|||
padding-top: 20px; |
|||
padding-bottom: 15px; |
|||
} |
|||
.Header{ |
|||
width: 100%; |
|||
height: 10rem; |
|||
background: #fff; |
|||
position: relative; |
|||
font-size: 1rem; |
|||
} |
|||
.Fonts{ |
|||
font-size: 2rem; |
|||
font-weight: bold; |
|||
color: #3edac0;; |
|||
margin-left: 1rem; |
|||
} |
|||
.Header img{ |
|||
|
|||
margin-left: 14rem; |
|||
margin-top:1rem |
|||
} |
|||
.Fonts_p{ |
|||
position: absolute; |
|||
color: #3edac0; |
|||
left: 34.6rem; |
|||
top:6rem |
|||
} |
|||
.Body{ |
|||
background:#9fecdf; |
|||
width: 100%; |
|||
background-size: 100% 100%; |
|||
height: 51.2rem; |
|||
|
|||
} |
|||
.login .content h3 { |
|||
color: #eee; |
|||
} |
|||
.login .content h4 { |
|||
color: #eee; |
|||
} |
|||
|
|||
.login .content p, |
|||
.login .content label { |
|||
color: #fff; |
|||
} |
|||
|
|||
.login .content .login-form, |
|||
.login .content .forget-form { |
|||
padding: 0px; |
|||
margin: 0px; |
|||
} |
|||
|
|||
.login .content .m-wrap { |
|||
width: 249px; |
|||
background-color: #fff; |
|||
} |
|||
|
|||
|
|||
.login .content .control-group { |
|||
margin-bottom: 20px !important; |
|||
} |
|||
|
|||
.login .content .input-icon .m-wrap { |
|||
margin: 0px !important; |
|||
} |
|||
|
|||
.login .content .forget-form { |
|||
display: none; |
|||
} |
|||
|
|||
.login .content .register-form { |
|||
display: none; |
|||
} |
|||
|
|||
.login .content .form-title { |
|||
font-weight: 300; |
|||
margin-bottom: 25px; |
|||
} |
|||
|
|||
.login .content .form-actions { |
|||
background-color: transparent; |
|||
clear: both; |
|||
border: 0px; |
|||
border-bottom1: 1px solid #999; |
|||
padding: 0px 30px 25px 30px; |
|||
margin-left: -30px; |
|||
margin-right: -30px; |
|||
} |
|||
|
|||
.login .content .forget-form .form-actions { |
|||
border: 0; |
|||
margin-bottom: 0; |
|||
padding-bottom: 20px; |
|||
} |
|||
|
|||
.login .content .register-form .form-actions { |
|||
border: 0; |
|||
margin-bottom: 0; |
|||
padding-bottom: 0px; |
|||
} |
|||
|
|||
.login .content .form-actions .checkbox { |
|||
margin-top: 8px; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.login .content .form-actions .btn { |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
.login .content .forget-password { |
|||
margin-top: 25px; |
|||
} |
|||
|
|||
.login .content .create-account { |
|||
border-top: 1px dotted #eee; |
|||
padding-top: 10px; |
|||
margin-top: 15px; |
|||
} |
|||
|
|||
.login .content .create-account a { |
|||
display: inline-block; |
|||
margin-top: 5px; |
|||
} |
|||
|
|||
.login .copyright { |
|||
text-align: center; |
|||
width: 270px; |
|||
margin: 0 auto; |
|||
padding: 10px 10px 0 10px; |
|||
color: #eee; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
@media (max-width: 480px) { |
|||
/*** |
|||
Login page |
|||
***/ |
|||
.login .logo { |
|||
margin-top:10px; |
|||
} |
|||
|
|||
.login .content { |
|||
padding: 30px; |
|||
width: 222px; |
|||
} |
|||
|
|||
.login .content h3 { |
|||
font-size: 22px; |
|||
} |
|||
|
|||
.login .content .m-wrap { |
|||
width: 180px; |
|||
} |
|||
|
|||
.login .checkbox { |
|||
font-size: 13px; |
|||
} |
|||
} |
|||
.bg_pic{ |
|||
position: absolute; |
|||
|
|||
height: 34rem; |
|||
left: 12%; |
|||
top:20rem |
|||
} |
|||
.btn.blue{ |
|||
background:#9fecdf !important; |
|||
} |
|||
#Con_login{ |
|||
background: #e8f3fa; |
|||
position: absolute; |
|||
left: 60%; |
|||
top:20rem; |
|||
height: 26rem; |
|||
} |
|||
@ -0,0 +1,154 @@ |
|||
/*** |
|||
Login page |
|||
***/ |
|||
|
|||
/* logo page */ |
|||
.login { |
|||
background-color: #444 !important; |
|||
} |
|||
|
|||
.login .logo { |
|||
width: 247px; |
|||
margin: 0 auto; |
|||
margin-top:60px; |
|||
padding: 15px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.login .content { |
|||
background-color:#fff; |
|||
width: 291px; |
|||
margin: 0 auto; |
|||
margin-bottom: 0px; |
|||
padding: 30px; |
|||
padding-top: 20px; |
|||
padding-bottom: 15px; |
|||
} |
|||
|
|||
.login .content h3 { |
|||
color: #000; |
|||
} |
|||
.login .content h4 { |
|||
color: #555; |
|||
} |
|||
|
|||
.login .content p { |
|||
color: #222; |
|||
} |
|||
|
|||
.login .content .login-form, |
|||
.login .content .forget-form { |
|||
padding: 0px; |
|||
margin: 0px; |
|||
} |
|||
|
|||
.login .content .m-wrap { |
|||
width: 249px; |
|||
border-left: 0 !important; |
|||
} |
|||
|
|||
.login .content .input-icon { |
|||
border-left: 2px solid #35aa47 !important; |
|||
} |
|||
|
|||
.login .content .control-group { |
|||
margin-bottom: 20px !important; |
|||
} |
|||
|
|||
.login .content .input-icon .m-wrap { |
|||
margin: 0px !important; |
|||
} |
|||
|
|||
.login .content .forget-form { |
|||
display: none; |
|||
} |
|||
|
|||
.login .content .register-form { |
|||
display: none; |
|||
} |
|||
|
|||
.login .content .form-title { |
|||
font-weight: 300; |
|||
margin-bottom: 25px; |
|||
} |
|||
|
|||
.login .content .form-actions { |
|||
background-color: #fff; |
|||
clear: both; |
|||
border: 0px; |
|||
border-bottom: 1px solid #eee; |
|||
padding: 0px 30px 25px 30px; |
|||
margin-left: -30px; |
|||
margin-right: -30px; |
|||
} |
|||
|
|||
.login .content .forget-form .form-actions { |
|||
border: 0; |
|||
margin-bottom: 0; |
|||
padding-bottom: 20px; |
|||
} |
|||
|
|||
.login .content .register-form .form-actions { |
|||
border: 0; |
|||
margin-bottom: 0; |
|||
padding-bottom: 0px; |
|||
} |
|||
|
|||
.login .content .form-actions .checkbox { |
|||
margin-top: 8px; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.login .content .form-actions .btn { |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
.login .content .forget-password { |
|||
margin-top: 25px; |
|||
} |
|||
|
|||
.login .content .create-account { |
|||
border-top: 1px dotted #eee; |
|||
padding-top: 10px; |
|||
margin-top: 15px; |
|||
} |
|||
|
|||
.login .content .create-account a { |
|||
display: inline-block; |
|||
margin-top: 5px; |
|||
} |
|||
|
|||
.login .copyright { |
|||
text-align: center; |
|||
width: 250px; |
|||
margin: 0 auto; |
|||
padding: 10px 10px 0 10px; |
|||
color: #999; |
|||
font-size: 11px; |
|||
} |
|||
|
|||
@media (max-width: 480px) { |
|||
/*** |
|||
Login page |
|||
***/ |
|||
.login .logo { |
|||
margin-top:10px; |
|||
} |
|||
|
|||
.login .content { |
|||
padding: 30px; |
|||
width: 222px; |
|||
} |
|||
|
|||
.login .content h3 { |
|||
font-size: 22px; |
|||
} |
|||
|
|||
.login .content .m-wrap { |
|||
width: 180px; |
|||
} |
|||
|
|||
.login .checkbox { |
|||
font-size: 13px; |
|||
} |
|||
} |
|||
@ -0,0 +1,89 @@ |
|||
.ms-container{ |
|||
background: transparent url('../image/switch.png') no-repeat 170px 80px; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.ms-container:after{ |
|||
content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; |
|||
} |
|||
|
|||
.ms-container .ms-selectable, .ms-container .ms-selection{ |
|||
|
|||
background: #fff; |
|||
color: #555555; |
|||
float: left; |
|||
} |
|||
|
|||
.ms-container .ms-list{ |
|||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s; |
|||
-moz-transition: border linear 0.2s, box-shadow linear 0.2s; |
|||
-ms-transition: border linear 0.2s, box-shadow linear 0.2s; |
|||
-o-transition: border linear 0.2s, box-shadow linear 0.2s; |
|||
transition: border linear 0.2s, box-shadow linear 0.2s; |
|||
border: 1px solid #ccc; |
|||
-webkit-border-radius: 3px; |
|||
-moz-border-radius: 3px; |
|||
border-radius: 3px; |
|||
} |
|||
|
|||
|
|||
.ms-selected{ |
|||
display:none; |
|||
} |
|||
.ms-container .ms-selectable{ |
|||
margin-right: 40px; |
|||
} |
|||
|
|||
.ms-container .ms-list.ms-focus{ |
|||
border-color: rgba(82, 168, 236, 0.8); |
|||
outline: 0; |
|||
outline: thin dotted \9; |
|||
} |
|||
|
|||
.ms-container ul{ |
|||
margin: 0; |
|||
list-style-type: none; |
|||
padding: 0; |
|||
} |
|||
|
|||
.ms-container .ms-optgroup-container{ |
|||
width: 100%; |
|||
} |
|||
|
|||
.ms-container ul.ms-list{ |
|||
width: 160px; |
|||
height: 200px; |
|||
padding: 0; |
|||
overflow-y: auto; |
|||
} |
|||
|
|||
.ms-container .ms-optgroup-label{ |
|||
margin: 0; |
|||
padding: 5px 0px 0px 5px; |
|||
cursor: pointer; |
|||
font-size: 14px; |
|||
color: #999; |
|||
} |
|||
|
|||
.ms-container .ms-selectable li.ms-elem-selectable, |
|||
.ms-container .ms-selection li.ms-elem-selection{ |
|||
border-bottom: 1px #eee solid; |
|||
padding: 2px 10px; |
|||
color: #555; |
|||
font-size: 13px; |
|||
} |
|||
|
|||
.ms-container .ms-selectable li.ms-hover, |
|||
.ms-container .ms-selection li.ms-hover{ |
|||
cursor: pointer; |
|||
color: #fff; |
|||
text-decoration: none; |
|||
background-color: #4b8df8; |
|||
} |
|||
|
|||
.ms-container .ms-selectable li.disabled, |
|||
.ms-container .ms-selection li.disabled{ |
|||
background-color: #eee; |
|||
color: #aaa; |
|||
cursor: text; |
|||
} |
|||
@ -0,0 +1,142 @@ |
|||
/*** |
|||
News Page |
|||
***/ |
|||
|
|||
.news-page { |
|||
padding-bottom: 20px; |
|||
} |
|||
|
|||
.news-page h1 { |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.news-page h2 { |
|||
font-size: 38.5px; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.news-page .top-news { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
/*News Feeds*/ |
|||
.news-blocks { |
|||
padding: 10px; |
|||
margin-bottom: 10px; |
|||
background: #faf6ea; |
|||
border-top: solid 2px #faf6ea; |
|||
} |
|||
|
|||
.news-blocks:hover { |
|||
background: #fff; |
|||
border-color: #78cff8; |
|||
transition: all 0.4s ease-in-out 0s; |
|||
-moz-transition: all 0.4s ease-in-out 0s; |
|||
-webkit-transition: all 0.4s ease-in-out 0s; |
|||
} |
|||
|
|||
.news-blocks h3 { |
|||
margin: 0 0 5px 0; |
|||
font-size: 23px; |
|||
line-height: 32px; |
|||
} |
|||
|
|||
.news-blocks h3 a { |
|||
color: #000; |
|||
} |
|||
|
|||
.news-blocks h3 a:hover { |
|||
color: #78cff8; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.news-blocks p { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.news-blocks a.news-block-btn { |
|||
color: #000; |
|||
display: block; |
|||
font-size: 14px; |
|||
background: none; |
|||
padding: 5px 10px 0; |
|||
text-align: right; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.news-blocks a.news-block-btn i { |
|||
margin-left: 3px; |
|||
} |
|||
|
|||
|
|||
.news-blocks a.news-block-btn:hover { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.news-blocks img.news-block-img { |
|||
width: 70px; |
|||
height: 70px; |
|||
margin: 5px 10px 0 0; |
|||
} |
|||
|
|||
.news-blocks .news-block-tags { |
|||
margin-bottom: 8px; |
|||
} |
|||
|
|||
.news-blocks .news-block-tags strong { |
|||
margin-right: 10px; |
|||
font-weight: 400; |
|||
} |
|||
|
|||
.news-blocks .news-block-tags em { |
|||
font-style: normal; |
|||
} |
|||
|
|||
/*News Item Page*/ |
|||
.news-item-page { |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.blog-tag-data ul { |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
.blog-tag-data li { |
|||
padding: 0; |
|||
} |
|||
|
|||
.blog-tag-data li i { |
|||
color: #78cff8; |
|||
} |
|||
|
|||
.blog-tag-data li a { |
|||
padding: 0; |
|||
color: #555; |
|||
margin-right: 8px; |
|||
} |
|||
|
|||
.blog-tag-data { |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.blog-tag-data img { |
|||
margin-bottom: 12px; |
|||
} |
|||
|
|||
.blog-tag-data ul.blog-tags a { |
|||
background: #eee; |
|||
padding: 1px 4px; |
|||
margin: 0 4px 4px 0; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.blog-tag-data ul.blog-tags a:hover { |
|||
background: #ddd; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.blog-tag-data .blog-tag-data-inner { |
|||
text-align: right; |
|||
} |
|||
|
|||
|
|||
@ -0,0 +1,377 @@ |
|||
/*** |
|||
Pricing table |
|||
***/ |
|||
|
|||
.pricing-table { |
|||
border: 3px solid transparent; |
|||
padding: 10px; |
|||
background-color: #f1f2f2; |
|||
} |
|||
|
|||
.pricing-table:hover { |
|||
border-color: #4b8df8; |
|||
} |
|||
|
|||
.pricing-table h3 { |
|||
margin-left: -2px; |
|||
padding-left: 0px; |
|||
font-size: 26px; |
|||
margin-bottom: 5px; |
|||
line-height: 26px; |
|||
color: #111; |
|||
margin-top: 0px; |
|||
} |
|||
|
|||
.pricing-table .desc { |
|||
margin-bottom: 10px; |
|||
padding-bottom: 15px; |
|||
color: #666; |
|||
border-bottom: 1px solid #ddd; |
|||
} |
|||
|
|||
.pricing-table ul { |
|||
margin: 0px; |
|||
margin-bottom: 15px; |
|||
padding: 0px; |
|||
list-style: none; |
|||
} |
|||
|
|||
.pricing-table ul li { |
|||
padding: 6px 0px; |
|||
padding-left: 11px; |
|||
font-size: 13px; |
|||
line-height: 13px; |
|||
color: #666; |
|||
} |
|||
|
|||
.pricing-table ul li i { |
|||
position: absolute; |
|||
margin-right: 0px; |
|||
margin-top: -2px; |
|||
margin-left: -17px; |
|||
color: #35aa47; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.pricing-table .rate { |
|||
border-top: 1px solid #ddd; |
|||
margin-bottom: 10px; |
|||
padding-top: 15px; |
|||
clear: both; |
|||
} |
|||
|
|||
.pricing-table.selected .rate { |
|||
border-top-color: #fff; |
|||
} |
|||
|
|||
.pricing-table .rate:before, |
|||
.pricing-table .rate:after { |
|||
display: table; |
|||
line-height: 0; |
|||
content: ""; |
|||
} |
|||
.pricing-table .rate:after { |
|||
clear: both; |
|||
} |
|||
|
|||
.pricing-table .rate .price { |
|||
display: inline-block; |
|||
float: left; |
|||
clear: both; |
|||
} |
|||
|
|||
.pricing-table .rate .btn { |
|||
margin-top: 3px; |
|||
float: right; |
|||
display: block; |
|||
} |
|||
|
|||
.pricing-table .rate .price .currency { |
|||
padding-top: 4px; |
|||
float: left; |
|||
width: 50px; |
|||
text-align: right; |
|||
font-size: 13px; |
|||
line-height: 14px; |
|||
font-weight: 300; |
|||
margin-right: 2px; |
|||
} |
|||
|
|||
.pricing-table .rate .price .amount { |
|||
padding-top: 4px; |
|||
letter-spacing: -3px; |
|||
float: left; |
|||
text-align: right; |
|||
font-size: 36px; |
|||
line-height: 30px; |
|||
font-weight: 300; |
|||
} |
|||
|
|||
.pricing-table.selected { |
|||
background-color: #4b8df8; |
|||
} |
|||
|
|||
.pricing-table.selected:hover { |
|||
border-color: #ddd; |
|||
} |
|||
|
|||
.pricing-table.selected .desc { |
|||
border-bottom-color: #fff; |
|||
} |
|||
|
|||
.pricing-table.selected h3, |
|||
.pricing-table.selected .desc, |
|||
.pricing-table.selected ul li, |
|||
.pricing-table.selected ul li i, |
|||
.pricing-table.selected .rate { |
|||
color: #fff; |
|||
} |
|||
|
|||
/*** |
|||
Pricing table(Alternative) |
|||
***/ |
|||
|
|||
.pricing-table2 { |
|||
border: 3px solid transparent; |
|||
padding: 10px; |
|||
background-color: #f1f2f2; |
|||
} |
|||
|
|||
.pricing-table2:hover { |
|||
border-color: #4b8df8; |
|||
} |
|||
|
|||
.pricing-table2 h3 { |
|||
margin-left: -2px; |
|||
padding-left: 0px; |
|||
font-size: 26px; |
|||
margin-bottom: 5px; |
|||
line-height: 26px; |
|||
margin-top: 0px; |
|||
color: #111; |
|||
} |
|||
|
|||
.pricing-table2 .desc { |
|||
margin-bottom: 10px; |
|||
padding-bottom: 0px; |
|||
color: #666; |
|||
} |
|||
|
|||
.pricing-table2 ul { |
|||
margin: 0px; |
|||
margin-bottom: 0px; |
|||
padding: 0px; |
|||
list-style: none; |
|||
} |
|||
|
|||
.pricing-table2 ul li { |
|||
padding: 6px 0px; |
|||
padding-left: 11px; |
|||
font-size: 13px; |
|||
line-height: 13px; |
|||
color: #666; |
|||
} |
|||
|
|||
.pricing-table2 ul li i { |
|||
position: absolute; |
|||
margin-right: 0px; |
|||
margin-top: -2px; |
|||
margin-left: -17px; |
|||
color: #35aa47; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.pricing-table2 .rate { |
|||
margin-bottom: 10px; |
|||
padding: 15px 15px; |
|||
margin-left: -15px; |
|||
margin-right: -15px; |
|||
background-color: #35aa47; |
|||
color: #fff; |
|||
clear: both; |
|||
} |
|||
|
|||
.pricing-table2.selected .rate { |
|||
border-top-color: #fff; |
|||
} |
|||
|
|||
.pricing-table2 .rate:before, |
|||
.pricing-table2 .rate:after { |
|||
display: table; |
|||
line-height: 0; |
|||
content: ""; |
|||
} |
|||
.pricing-table2 .rate:after { |
|||
clear: both; |
|||
} |
|||
|
|||
.pricing-table2 .rate .price { |
|||
display: inline-block; |
|||
float: left; |
|||
clear: both; |
|||
} |
|||
|
|||
.pricing-table2 .rate .btn { |
|||
margin-top: 3px; |
|||
float: right; |
|||
display: block; |
|||
} |
|||
|
|||
.pricing-table2 .rate .price .currency { |
|||
padding-top: 4px; |
|||
float: left; |
|||
width: 50px; |
|||
text-align: right; |
|||
font-size: 13px; |
|||
line-height: 14px; |
|||
font-weight: 300; |
|||
} |
|||
|
|||
.pricing-table2 .rate .price .amount { |
|||
padding-top: 4px; |
|||
float: left; |
|||
text-align: right; |
|||
font-size: 36px; |
|||
line-height: 30px; |
|||
font-weight: 300; |
|||
} |
|||
|
|||
.pricing-table2.selected { |
|||
background-color: #4b8df8; |
|||
} |
|||
|
|||
.pricing-table2.selected .rate { |
|||
background-color: #ffb848; |
|||
} |
|||
|
|||
.pricing-table2.selected:hover { |
|||
border-color: #ddd; |
|||
} |
|||
|
|||
.pricing-table2.selected .desc { |
|||
border-bottom-color: #fff; |
|||
} |
|||
|
|||
.pricing-table2.selected h3, |
|||
.pricing-table2.selected .desc, |
|||
.pricing-table2.selected ul li, |
|||
.pricing-table2.selected ul li i, |
|||
.pricing-table2.selected .rate .currency, |
|||
.pricing-table2.selected .rate .amount { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
|
|||
/*** |
|||
Pricing table(Alternative 2) |
|||
***/ |
|||
.pricing { |
|||
position:relative; |
|||
margin-bottom:15px; |
|||
border:3px solid #eee; |
|||
} |
|||
.pricing-active { |
|||
border:3px solid #35aa47; |
|||
} |
|||
.pricing:hover { |
|||
border:3px solid #35aa47; |
|||
} |
|||
.pricing:hover h4 { |
|||
color:#35aa47; |
|||
} |
|||
.pricing-head { |
|||
text-align:center; |
|||
} |
|||
.pricing-head h3, |
|||
.pricing-head h4 { |
|||
margin:0; |
|||
line-height:normal; |
|||
} |
|||
.pricing-head h3 span, |
|||
.pricing-head h4 span { |
|||
display:block; |
|||
margin-top:5px; |
|||
font-size:14px; |
|||
font-style:italic; |
|||
} |
|||
.pricing-head h3 { |
|||
font-weight: 300; |
|||
color:#fafafa; |
|||
padding:12px 0; |
|||
font-size:27px; |
|||
background:#35aa47; |
|||
border-bottom:solid 1px #41b91c; |
|||
} |
|||
.pricing-head h4 { |
|||
color:#bac39f; |
|||
padding:5px 0; |
|||
font-size:54px; |
|||
font-weight:300; |
|||
background:#fbfef2; |
|||
border-bottom:solid 1px #f5f9e7; |
|||
} |
|||
.pricing-head-active h4 { |
|||
color:#35aa47; |
|||
} |
|||
.pricing-head h4 i { |
|||
top:-8px; |
|||
font-size:28px; |
|||
font-style:normal; |
|||
position:relative; |
|||
} |
|||
.pricing-head h4 span { |
|||
top:-10px; |
|||
font-size:14px; |
|||
font-style:normal; |
|||
position:relative; |
|||
} |
|||
|
|||
/*Pricing Content*/ |
|||
.pricing-content li { |
|||
color:#888; |
|||
font-size:12px; |
|||
padding:7px 15px; |
|||
border-bottom:solid 1px #f5f9e7; |
|||
} |
|||
.pricing-content li i { |
|||
top:2px; |
|||
color:#35aa47; |
|||
font-size:16px; |
|||
margin-right:5px; |
|||
position:relative; |
|||
} |
|||
|
|||
/*Pricing Footer*/ |
|||
.pricing-footer { |
|||
color:#777; |
|||
font-size:11px; |
|||
line-height:17px; |
|||
text-align:center; |
|||
padding:0 20px 19px; |
|||
} |
|||
|
|||
/*Priceing Active*/ |
|||
.price-active, |
|||
.pricing:hover { |
|||
z-index:9; |
|||
} |
|||
.price-active h4 { |
|||
color:#35aa47; |
|||
} |
|||
|
|||
.no-space-pricing .pricing:hover { |
|||
-webkit-transition:box-shadow 0.3s ease-in-out; |
|||
-moz-transition:box-shadow 0.3s ease-in-out; |
|||
-o-transition:box-shadow 0.3s ease-in-out; |
|||
transition:box-shadow 0.2s ease-in-out; |
|||
} |
|||
.no-space-pricing .price-active .pricing-head h4, |
|||
.no-space-pricing .pricing:hover .pricing-head h4 { |
|||
color:#35aa47; |
|||
padding:15px 0; |
|||
font-size:80px; |
|||
-webkit-transition:color 0.5s ease-in-out; |
|||
-moz-transition:color 0.5s ease-in-out; |
|||
-o-transition:color 0.5s ease-in-out; |
|||
transition:color 0.5s ease-in-out; |
|||
} |
|||
@ -0,0 +1,35 @@ |
|||
/*** |
|||
Import fonts |
|||
***/ |
|||
.header { |
|||
display: none; |
|||
} |
|||
|
|||
.page-sidebar { |
|||
display: none; |
|||
} |
|||
|
|||
.color-panel { |
|||
display: none; |
|||
} |
|||
|
|||
.hidden-print { |
|||
display: none; |
|||
} |
|||
|
|||
.footer { |
|||
display: none; |
|||
} |
|||
|
|||
.no-page-break { |
|||
page-break-after: avoid; |
|||
} |
|||
|
|||
.page-container { |
|||
margin: 0px; |
|||
padding: 0px; |
|||
} |
|||
|
|||
.page-content { |
|||
min-height: auto !important; |
|||
} |
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue