Repository: wangweianger/APubPlat Branch: master Commit: 7b6a3a37dc17 Files: 102 Total size: 617.9 KB Directory structure: gitextract_cteq_eaa/ ├── .autod.conf.js ├── .eslintignore ├── .eslintrc ├── .gitignore ├── .travis.yml ├── LICENSE ├── README.md ├── app/ │ ├── controller/ │ │ ├── api/ │ │ │ ├── application.js │ │ │ ├── assets.js │ │ │ ├── build.js │ │ │ ├── commtask.js │ │ │ ├── console.js │ │ │ ├── email.js │ │ │ ├── environment.js │ │ │ ├── files.js │ │ │ ├── logs.js │ │ │ ├── qiniu.js │ │ │ ├── team.js │ │ │ ├── user.js │ │ │ └── util.js │ │ ├── home.js │ │ └── web.js │ ├── extend/ │ │ └── application.js │ ├── io/ │ │ ├── controller/ │ │ │ └── nsp.js │ │ └── middleware/ │ │ └── auth.js │ ├── middleware/ │ │ └── token_required.js │ ├── model/ │ │ ├── application.js │ │ ├── assets.js │ │ ├── commtask.js │ │ ├── email.js │ │ ├── environment.js │ │ ├── logs.js │ │ ├── team.js │ │ └── user.js │ ├── public/ │ │ ├── css/ │ │ │ ├── base.css │ │ │ └── home.css │ │ ├── iconfont/ │ │ │ └── iconfont.css │ │ ├── js/ │ │ │ ├── config.js │ │ │ ├── util.js │ │ │ ├── vue-components.js │ │ │ └── vue-filters.js │ │ └── lib/ │ │ ├── bootstrap/ │ │ │ ├── css/ │ │ │ │ ├── bootstrap-theme.css │ │ │ │ └── bootstrap.css │ │ │ └── js/ │ │ │ ├── bootstrap.js │ │ │ └── npm.js │ │ ├── page/ │ │ │ ├── page.css │ │ │ └── page.js │ │ └── popup/ │ │ ├── popup.css │ │ └── popup.js │ ├── router/ │ │ ├── api.js │ │ └── home.js │ ├── router.js │ ├── service/ │ │ ├── application.js │ │ ├── assets.js │ │ ├── build.js │ │ ├── commtask.js │ │ ├── console.js │ │ ├── email.js │ │ ├── environment.js │ │ ├── files.js │ │ ├── logs.js │ │ ├── qiniu.js │ │ ├── team.js │ │ ├── user.js │ │ └── util.js │ ├── tempFile/ │ │ └── install-node.sh │ ├── util/ │ │ ├── sftp.js │ │ ├── socket.js │ │ ├── ssh2.js │ │ └── utils.js │ └── view/ │ ├── appconfig.html │ ├── application.html │ ├── assets.html │ ├── assetsconfig.html │ ├── build.html │ ├── buildprocess.html │ ├── commtask.html │ ├── console.html │ ├── email.html │ ├── environment.html │ ├── footer.html │ ├── header.html │ ├── home.html │ ├── layout.html │ ├── login.html │ ├── logs.html │ ├── reduction.html │ ├── side.html │ ├── team.html │ └── user.html ├── app.js ├── appveyor.yml ├── config/ │ ├── config.default.js │ ├── config.prod.js │ └── plugin.js ├── lib/ │ └── plugin/ │ └── egg-email/ │ ├── LICENSE │ ├── README.md │ ├── app.js │ ├── config/ │ │ └── config.default.js │ ├── lib/ │ │ └── email.js │ └── package.json └── package.json ================================================ FILE CONTENTS ================================================ ================================================ FILE: .autod.conf.js ================================================ 'use strict'; module.exports = { write: true, prefix: '^', plugin: 'autod-egg', test: [ 'test', 'benchmark', ], dep: [ 'egg', 'egg-scripts', ], devdep: [ 'egg-ci', 'egg-bin', 'egg-mock', 'autod', 'autod-egg', 'eslint', 'eslint-config-egg', 'webstorm-disable-index', ], exclude: [ './test/fixtures', './dist', ], }; ================================================ FILE: .eslintignore ================================================ coverage ================================================ FILE: .eslintrc ================================================ { "extends": "eslint-config-egg", "rules": { "indent": [ "error", 4 ] }, "plugins": [ "html" ], "settings": { "html/html-extensions": [ ".html" ] } } ================================================ FILE: .gitignore ================================================ # Logs logs *.log npm-debug.log* yarn-debug.log* yarn-error.log* # Runtime data pids *.pid *.seed *.pid.lock # Directory for instrumented libs generated by jscoverage/JSCover lib-cov # Coverage directory used by tools like istanbul coverage # nyc test coverage .nyc_output # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) .grunt # Bower dependency directory (https://bower.io/) bower_components # node-waf configuration .lock-wscript # Compiled binary addons (https://nodejs.org/api/addons.html) build/Release # Dependency directories node_modules/ jspm_packages/ # TypeScript v1 declaration files typings/ # Optional npm cache directory .npm # Optional eslint cache .eslintcache # Optional REPL history .node_repl_history # Output of 'npm pack' *.tgz # Yarn Integrity file .yarn-integrity # dotenv environment variables file .env # next.js build output .next logs/ npm-debug.log yarn-error.log node_modules/ package-lock.json yarn.lock coverage/ .idea/ run/ D/ buildlogs/ .DS_Store *.sw* *.un~ config/config.prod_1.js buildlogs/ ================================================ FILE: .travis.yml ================================================ sudo: false language: node_js node_js: - '8' install: - npm i npminstall && npminstall script: - npm run ci after_script: - npminstall codecov && codecov ================================================ FILE: LICENSE ================================================ MIT License Copyright (c) 2018-2019 zane - zane ([@wangweianger](https://github.com/wangweianger)) Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================ # APubPlat - [开发文档](http://apub-wiki.seosiwei.com/) [![Node](https://img.shields.io/badge/node-8.9.0~10.15.1-green.svg?style=plastic)](https://nodejs.org/en/) [![Vue](https://img.shields.io/badge/vue-2.0+-blue.svg?style=plastic)](https://cn.vuejs.org/) [![Egg](https://img.shields.io/badge/egg-2.0-green.svg?style=plastic)](https://eggjs.org/) [![Mogodb](https://img.shields.io/badge/mogodb-4.0+-brightgreen.svg?style=plastic)](https://www.mongodb.com/) [![Redis](https://img.shields.io/badge/redis-5.0+-green.svg?style=plastic)](https://redis.io/) [![Ssh2](https://img.shields.io/badge/ssh2-blue.svg?style=plastic)](https://www.npmjs.com/package/ssh2) [![Xterm](https://img.shields.io/badge/xterm-green.svg?style=plastic)](https://xtermjs.org/) [![Monaco-editor](https://img.shields.io/badge/monaco-editor-green.svg?style=plastic)](https://microsoft.github.io/monaco-editor/) [![Socket.io](https://img.shields.io/badge/socket.io-brightgreen.svg?style=plastic)](https://socket.io/) APubPlat是一款开源免费的自动化部署、运维平台，开源堡垒机。 实现了Web Terminal，跟xshell一样的体验。可开启多窗口和批量命令的运行。 友好的持续集成，支持web前端、node、java、php等后端servers的发布，并支持单机和多机的同时发布能力。 ### 开发文档：http://apub-wiki.seosiwei.com # Preview ![](https://github.com/wangweianger/APubPlat/blob/master/demo/01.png "") ![](https://github.com/wangweianger/APubPlat/blob/master/demo/02.png "") ### 发布、备份、生成配置日志 ![](https://github.com/wangweianger/APubPlat/blob/master/demo/03.png "") ### build servers ![](https://github.com/wangweianger/APubPlat/blob/master/demo/04.png "") ### Web Terminal ![](https://github.com/wangweianger/APubPlat/blob/master/demo/05.png "") ================================================ FILE: app/controller/api/application.js ================================================ 'use strict'; const Controller = require('egg').Controller; class ApplicationController extends Controller { async list() { const { ctx } = this; const query = ctx.request.query; const pageNo = query.pageNo || 1; const pageSize = query.pageSize || this.app.config.pageSize; const team_code = query.team_code; const environ_code = query.environ_code; const net_type = query.net_type; const status = query.status; const name = query.app_name; const result = await this.ctx.service.application.list(pageNo, pageSize, team_code, environ_code, net_type, status, name); ctx.body = this.app.result({ data: result, }); } async all() { const { ctx } = this; const result = await this.ctx.service.application.all(); ctx.body = this.app.result({ data: result, }); } // add | update async handle() { const { ctx } = this; const query = ctx.request.body; let type = query.type || 1; type = type * 1; let status = query.status || 1; status = status * 1; const name = query.name; const code = query.code; const team_code = query.team_code; const environ_code = query.environ_code; const _id = query._id; const user_name = query.user_name; if (type === 2 && !_id) throw new Error('id参数不能为空!'); if (!team_code) throw new Error('请选择应用所属团队!'); if (!environ_code) throw new Error('请选择应用所属环境!'); if (!name) throw new Error('应用名称不能为空!'); if (!code) throw new Error('应用编码不能为空!'); const result = await this.ctx.service.application.handle({ type, name, code, status, _id, team_code, environ_code, user_name }); ctx.body = this.app.result({ data: result, }); } // 禁用 | 启用 async setStatus() { const { ctx } = this; const query = ctx.request.body; const _id = query._id; const status = query.status || 1; if (!_id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.application.setStatus({ _id, status }); ctx.body = this.app.result({ data: result, }); } // 删除 async delete() { const { ctx } = this; const query = ctx.request.body; const _id = query._id; if (!_id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.application.delete(_id); ctx.body = this.app.result({ data: result, }); } // 分配资产 async distribution() { const { ctx } = this; const query = ctx.request.body; const _id = query._id; const net_type = query.net_type || 1; const assets_list = query.assets_list || []; if (!_id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.application.distribution(_id, assets_list, net_type); ctx.body = this.app.result({ data: result, }); } // 获得单个应用详情 async itemdetail() { const { ctx } = this; const query = ctx.request.query; const id = query.id; if (!id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.application.itemdetail(id); ctx.body = this.app.result({ data: result, }); } // 更新应用构建配置 async updateConfigs() { const { ctx } = this; const query = ctx.request.body; const id = query.id; const tasklist = query.tasklist || []; if (!id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.application.updateConfigs(id, tasklist); ctx.body = this.app.result({ data: result, }); } // 绑定|取消 应该绑定的邮箱 async handleEmail() { const { ctx } = this; const query = ctx.request.body; const id = query.id; const emaillist = query.emaillist || []; if (!id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.application.handleEmail(id, emaillist); ctx.body = this.app.result({ data: result, }); } } module.exports = ApplicationController; ================================================ FILE: app/controller/api/assets.js ================================================ 'use strict'; const Controller = require('egg').Controller; class AssetsController extends Controller { async list() { const { ctx } = this; const query = ctx.request.query; const pageNo = query.pageNo || 1; const pageSize = query.pageSize || this.app.config.pageSize; const team_code = query.team_code; const assets_name = query.assets_name; const status = query.status || ''; const result = await this.ctx.service.assets.list(pageNo, pageSize, team_code, assets_name, status); ctx.body = this.app.result({ data: result, }); } async all() { const { ctx } = this; const result = await this.ctx.service.assets.all(); ctx.body = this.app.result({ data: result, }); } // add | update async handle() { const { ctx } = this; const query = ctx.request.body; let type = query.type || 1; type = type * 1; let status = query.status || 1; status = status * 1; const name = query.name; const code = query.code; const _id = query._id; const team_code = query.team_code; const outer_ip = query.outer_ip; const lan_ip = query.lan_ip; const user = query.user; const port = query.port; const password = query.password; const user_name = query.user_name; if (type === 2 && !_id) throw new Error('id参数不能为空!'); if (!team_code) throw new Error('请选择资产所属团队!'); if (!name) throw new Error('资产名称不能为空!'); if (!code) throw new Error('资产编码不能为空!'); if (!outer_ip) throw new Error('外网IP不能为空!'); if (!lan_ip) throw new Error('外网IP不能为空!'); if (!user) throw new Error('登录用户名不能为空!'); if (!port) throw new Error('登录端口号不能为空!'); if (!password) throw new Error('登录密码不能为空!'); const result = await this.ctx.service.assets.handle({ type, name, code, status, _id, team_code, outer_ip, lan_ip, user, port, password, user_name }); ctx.body = this.app.result({ data: result, }); } // 禁用 | 启用 async setStatus() { const { ctx } = this; const query = ctx.request.body; const _id = query._id; const status = query.status || 1; if (!_id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.assets.setStatus({ _id, status }); ctx.body = this.app.result({ data: result, }); } // 删除 async delete() { const { ctx } = this; const query = ctx.request.body; const _id = query._id; if (!_id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.assets.delete(_id); ctx.body = this.app.result({ data: result, }); } } module.exports = AssetsController; ================================================ FILE: app/controller/api/build.js ================================================ 'use strict'; const Controller = require('egg').Controller; class BuildController extends Controller { // 生成构建配置 async generateBuildConfig() { const { ctx } = this; const query = ctx.request.body; const id = query.id || ''; const taskItem = query.taskItem || {}; const assetsList = query.assetsList || []; const user_name = query.user_name || ''; if (!taskItem.shell_path) throw new Error('shell脚本地址不能为空!'); if (!taskItem.shell_body) throw new Error('shell脚本内容不能为空!'); const result = await this.ctx.service.build.generateBuildConfig(id, taskItem, assetsList, user_name); ctx.body = this.app.result({ data: result, }); } // 服务备份 async backupApplications() { const { ctx } = this; const query = ctx.request.body; const taskItem = query.taskItem || {}; const assetsList = query.assetsList || []; const id = query.id || ''; const user_name = query.user_name || ''; if (!taskItem.project_path) throw new Error('应用所在位置不能为空!'); if (!taskItem.backups_path) throw new Error('应用备份的路径不能为空!'); const result = await this.ctx.service.build.backupApplications(id, taskItem, assetsList, user_name); ctx.body = this.app.result({ data: result, }); } // 构建应用 async buildApplicationed() { const { ctx } = this; const query = ctx.request.body; const result = await this.ctx.service.logs.addLogs(query); ctx.body = this.app.result({ data: result, }); } // 应用还原 async reductionApplications() { const { ctx } = this; const query = ctx.request.body; const taskItem = query.taskItem || {}; const assetsList = query.assetsList || []; const id = query.id || ''; const user_name = query.user_name || ''; if (!taskItem.reduction_shell_path) throw new Error('备份shell脚本路径不能为空!'); if (!taskItem.reduction_shell_body) throw new Error('备份shell脚本内容不能为空!'); const result = await this.ctx.service.build.reductionApplications(id, taskItem, assetsList, user_name); ctx.body = this.app.result({ data: result, }); } } module.exports = BuildController; ================================================ FILE: app/controller/api/commtask.js ================================================ 'use strict'; const Controller = require('egg').Controller; class CommtaskController extends Controller { async list() { const { ctx } = this; const result = await this.ctx.service.commtask.list(); ctx.body = this.app.result({ data: result, }); } // add | update async handle() { const { ctx } = this; const query = ctx.request.body; const name = query.name; const handletype = query.handletype || 1; const _id = query._id; const shell_body = query.shell_body; if (parseInt(handletype) === 2 && !_id) throw new Error('id参数不能为空!'); if (!name) throw new Error('脚本任务名称不能为空!'); if (!shell_body) throw new Error('脚本任务脚本内容不能为空!'); const result = await this.ctx.service.commtask.handle(query); ctx.body = this.app.result({ data: result, }); } // 删除 async delete() { const { ctx } = this; const query = ctx.request.body; const id = query.id; if (!id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.commtask.delete(id); ctx.body = this.app.result({ data: result, }); } } module.exports = CommtaskController; ================================================ FILE: app/controller/api/console.js ================================================ 'use strict'; const Controller = require('egg').Controller; class ConsoleController extends Controller { // 获得服务器ssh key async getAssetSshKey() { const { ctx } = this; const query = ctx.request.body; const { host, port, username, password } = query; if (!host) throw new Error('资产host不能为空!'); if (!port) throw new Error('资产port不能为空!'); if (!username) throw new Error('资产username不能为空!'); if (!password) throw new Error('资产password不能为空!'); const result = await this.ctx.service.util.getAssetSshKey(query); ctx.body = this.app.result({ data: result, }); } // 执行shell任务 async handleShellTasks() { const { ctx } = this; const query = ctx.request.body; const { host, port, username, password, shell_type, shell_body, shell_path } = query; if (!host) throw new Error('资产host不能为空!'); if (!port) throw new Error('资产port不能为空!'); if (!username) throw new Error('资产username不能为空!'); if (!password) throw new Error('资产password不能为空!'); if (!shell_type) throw new Error('执行脚本的类型不能为空!'); if (!shell_body) throw new Error('执行脚本的内容不能为空!'); if (parseInt(shell_type) === 2 && !shell_path) throw new Error('执行脚本的脚本路径不能为空!'); const result = await this.ctx.service.util.handleShellTasks(query); ctx.body = this.app.result({ data: result, }); } } module.exports = ConsoleController; ================================================ FILE: app/controller/api/email.js ================================================ 'use strict'; const Controller = require('egg').Controller; class EmailController extends Controller { async list() { const { ctx } = this; const query = ctx.request.query; const pageNo = query.pageNo || 1; const pageSize = query.pageSize || this.app.config.pageSize; const status = query.status; const result = await this.ctx.service.email.list(pageNo, pageSize, status); ctx.body = this.app.result({ data: result, }); } // add | update async handle() { const { ctx } = this; const query = ctx.request.body; let type = query.type || 1; type = type * 1; let status = query.status || 1; status = status * 1; const name = query.name; const email = query.email; const id = query.id; if (type === 2 && !id) throw new Error('id参数不能为空!'); if (!email) throw new Error('邮件地址不能为空!'); if (!name) throw new Error('邮件所属人不能为空!'); const result = await this.ctx.service.email.handle({ type, name, email, status, id }); ctx.body = this.app.result({ data: result, }); } // 禁用 | 启用 async setStatus() { const { ctx } = this; const query = ctx.request.body; const id = query.id; const status = query.status || 1; if (!id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.email.setStatus({ id, status }); ctx.body = this.app.result({ data: result, }); } // 删除 async delete() { const { ctx } = this; const query = ctx.request.body; const id = query.id; if (!id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.email.delete(id); ctx.body = this.app.result({ data: result, }); } } module.exports = EmailController; ================================================ FILE: app/controller/api/environment.js ================================================ 'use strict'; const Controller = require('egg').Controller; class TeamController extends Controller { async list() { const { ctx } = this; const query = ctx.request.query; const pageNo = query.pageNo || 1; const pageSize = query.pageSize || this.app.config.pageSize; const result = await this.ctx.service.environment.list(pageNo, pageSize); ctx.body = this.app.result({ data: result, }); } // add | update async handle() { const { ctx } = this; const query = ctx.request.body; let type = query.type || 1; type = type * 1; const name = query.name; const code = query.code; const id = query.id; if (type === 2 && !id) throw new Error('id参数不能为空!'); if (!name) throw new Error('环境名称不能为空!'); if (!code) throw new Error('环境编码不能为空!'); const result = await this.ctx.service.environment.handle({ type, name, code, id }); ctx.body = this.app.result({ data: result, }); } // 删除 async delete() { const { ctx } = this; const query = ctx.request.body; const id = query.id; if (!id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.environment.delete(id); ctx.body = this.app.result({ data: result, }); } } module.exports = TeamController; ================================================ FILE: app/controller/api/files.js ================================================ 'use strict'; const Controller = require('egg').Controller; class FilesController extends Controller { // update file async updatefile() { const { ctx } = this; const query = ctx.request.body; const content = query.content; const filename = query.filename; if (!filename) throw new Error('需要修改的文件不能为空!'); if (!content) throw new Error('修改文件的内容不能为空!'); const result = await this.ctx.service.files.updatefile(filename, content) || {}; ctx.body = this.app.result({ data: result, }); } // add file async addfile() { const { ctx } = this; const query = ctx.request.body; const filename = query.filename.trim(); const content = query.content; const remotePath = query.remotePath; if (!filename) throw new Error('文件名称不能为空!'); if (!content) throw new Error('新增文件的内容不能为空!'); if (!remotePath) throw new Error('新增文件的远程目录不能为空!'); const result = await this.ctx.service.files.addfile(filename, content, remotePath) || {}; ctx.body = this.app.result({ data: result, }); } } module.exports = FilesController; ================================================ FILE: app/controller/api/logs.js ================================================ 'use strict'; const Controller = require('egg').Controller; class LogsController extends Controller { async list() { const { ctx } = this; const query = ctx.request.query; const pageNo = query.pageNo || 1; const pageSize = query.pageSize || this.app.config.pageSize; const type = query.type || 1; const name = query.name || ''; const application_id = query.application_id || ''; const result = await this.ctx.service.logs.list(pageNo, pageSize, type, name, application_id); ctx.body = this.app.result({ data: result, }); } // add | update async handle() { const { ctx } = this; const query = ctx.request.body; let type = query.type || 1; type = type * 1; let status = query.status || 1; status = status * 1; const name = query.name; const code = query.code; const _id = query._id; if (type === 2 && !_id) throw new Error('id参数不能为空!'); if (!name) throw new Error('团队名称不能为空!'); if (!code) throw new Error('团队编码不能为空!'); const result = await this.ctx.service.team.handle({ type, name, code, status, _id }); ctx.body = this.app.result({ data: result, }); } // 禁用 | 启用 async setStatus() { const { ctx } = this; const query = ctx.request.body; const _id = query._id; const status = query.status || 1; if (!_id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.team.setStatus({ _id, status }); ctx.body = this.app.result({ data: result, }); } // 删除 async delete() { const { ctx } = this; const query = ctx.request.body; const _id = query._id; if (!_id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.team.delete(_id); ctx.body = this.app.result({ data: result, }); } } module.exports = LogsController; ================================================ FILE: app/controller/api/qiniu.js ================================================ 'use strict'; const Controller = require('egg').Controller; class QiniuController extends Controller { async getToken() { const { ctx } = this; const result = await ctx.service.qiniu.getToken(); ctx.body = this.app.result({ data: result, }); } } module.exports = QiniuController; ================================================ FILE: app/controller/api/team.js ================================================ 'use strict'; const Controller = require('egg').Controller; class TeamController extends Controller { async list() { const { ctx } = this; const query = ctx.request.query; const pageNo = query.pageNo || 1; const pageSize = query.pageSize || this.app.config.pageSize; const status = query.status; const result = await this.ctx.service.team.list(pageNo, pageSize, status); ctx.body = this.app.result({ data: result, }); } // add | update async handle() { const { ctx } = this; const query = ctx.request.body; let type = query.type || 1; type = type * 1; let status = query.status || 1; status = status * 1; const name = query.name; const code = query.code; const _id = query._id; if (type === 2 && !_id) throw new Error('id参数不能为空!'); if (!name) throw new Error('团队名称不能为空!'); if (!code) throw new Error('团队编码不能为空!'); const result = await this.ctx.service.team.handle({ type, name, code, status, _id }); ctx.body = this.app.result({ data: result, }); } // 禁用 | 启用 async setStatus() { const { ctx } = this; const query = ctx.request.body; const _id = query._id; const status = query.status || 1; if (!_id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.team.setStatus({ _id, status }); ctx.body = this.app.result({ data: result, }); } // 删除 async delete() { const { ctx } = this; const query = ctx.request.body; const _id = query._id; if (!_id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.team.delete(_id); ctx.body = this.app.result({ data: result, }); } } module.exports = TeamController; ================================================ FILE: app/controller/api/user.js ================================================ 'use strict'; const Controller = require('egg').Controller; class UserController extends Controller { // 用户登录 async login() { const { ctx } = this; const query = ctx.request.body; const userName = query.userName; const passWord = query.passWord; if (!userName) throw new Error('用户登录：userName不能为空'); if (!passWord) throw new Error('用户登录：passWord不能为空'); const result = await ctx.service.user.login(userName, passWord); ctx.body = this.app.result({ data: result, }); } // 用户注册 async register() { const { ctx } = this; const query = ctx.request.body; const userName = query.userName; const passWord = query.passWord; if (!userName) throw new Error('用户登录：userName不能为空'); if (!passWord) throw new Error('用户登录：passWord不能为空'); const result = await ctx.service.user.register(userName, passWord); ctx.body = this.app.result({ data: result, }); } // 退出登录 async logout() { const { ctx } = this; const usertoken = ctx.cookies.get('usertoken', { encrypt: true, signed: true, }) || ''; if (!usertoken) throw new Error('退出登录：token不能为空'); await ctx.service.user.logout(usertoken); this.ctx.body = this.app.result({ data: {}, }); } // 获得用户列表 async getUserList() { const { ctx } = this; const query = ctx.request.query; const pageNo = query.pageNo; const pageSize = query.pageSize || this.app.config.pageSize; const username = query.username; const result = await ctx.service.user.getUserList(pageNo, pageSize, username); ctx.body = this.app.result({ data: result, }); } // add | update async handle() { const { ctx } = this; const query = ctx.request.body; let type = query.type || 1; type = type * 1; let status = query.status || 1; status = status * 1; const user_name = query.user_name; const pass_word = query.pass_word; const _id = query._id; if ((type === 2 || type === 3) && !_id) throw new Error('id参数不能为空!'); if (type === 1 && !user_name) throw new Error('用户名称不能为空!'); if ((type === 1 || type === 3) && !pass_word) throw new Error('密码不能为空!'); const result = await this.ctx.service.user.handle({ type, user_name, pass_word, status, _id }); ctx.body = this.app.result({ data: result, }); } // 禁用 | 启用 async setStatus() { const { ctx } = this; const query = ctx.request.body; const _id = query._id; const status = query.status || 1; const usertoken = query.usertoken || ''; if (!_id) throw new Error('id参数不能为空!'); const result = await this.ctx.service.user.setStatus({ _id, status, usertoken }); ctx.body = this.app.result({ data: result, }); } // 删除用户 async delete() { const { ctx } = this; const query = ctx.request.body; const id = query.id || ''; const usertoken = query.usertoken || ''; if (!id) throw new Error('id不能为空'); const result = await ctx.service.user.delete(id, usertoken); ctx.body = this.app.result({ data: result, }); } async setToken() { this.ctx.body = this.app.result({ data: 'success', }); } } module.exports = UserController; ================================================ FILE: app/controller/api/util.js ================================================ 'use strict'; const Controller = require('egg').Controller; class UtilController extends Controller { // 获得服务器ssh key async getAssetSshKey() { const { ctx } = this; const query = ctx.request.body; const { host, port, username, password } = query; if (!host) throw new Error('资产host不能为空!'); if (!port) throw new Error('资产port不能为空!'); if (!username) throw new Error('资产username不能为空!'); if (!password) throw new Error('资产password不能为空!'); const result = await this.ctx.service.util.getAssetSshKey(query); ctx.body = this.app.result({ data: result, }); } // 执行shell任务 async handleShellTasks() { const { ctx } = this; const query = ctx.request.body; const { host, port, username, password, shell_type, shell_body, shell_path } = query; if (!host) throw new Error('资产host不能为空!'); if (!port) throw new Error('资产port不能为空!'); if (!username) throw new Error('资产username不能为空!'); if (!password) throw new Error('资产password不能为空!'); if (!shell_type) throw new Error('执行脚本的类型不能为空!'); if (!shell_body) throw new Error('执行脚本的内容不能为空!'); if (parseInt(shell_type) === 2 && !shell_path) throw new Error('执行脚本的脚本路径不能为空!'); const result = await this.ctx.service.util.handleShellTasks(query); ctx.body = this.app.result({ data: result, }); } } module.exports = UtilController; ================================================ FILE: app/controller/home.js ================================================ 'use strict'; const Controller = require('egg').Controller; class HomeController extends Controller { async index() { this.ctx.body = 'hi, egg'; } } module.exports = HomeController; ================================================ FILE: app/controller/web.js ================================================ 'use strict'; // const fs = require('fs'); // const path = require('path'); const Controller = require('egg').Controller; class WebController extends Controller { async home() { const { ctx } = this; // this.ctx.service.ssh2.shell(); // this.ctx.service.ssh2.exec('bash /data/down/app.sh'); // const result = await this.ctx.service.sftp.list('/data/down'); // console.log(result); // const result = await this.ctx.service.sftp.get('/data/down/miao.sh'); await ctx.render('home', { data: {}, }); } // 团队管理 async team() { const { ctx } = this; await ctx.render('team', { data: {}, }); } // 应用管理 async application() { const { ctx } = this; await ctx.render('application', { data: {}, }); } // 构建配置 async appconfig() { const { ctx } = this; await ctx.render('appconfig', { data: {}, }); } // 应用管理 async assets() { const { ctx } = this; await ctx.render('assets', { data: {}, }); } // 环境配置 async environment() { const { ctx } = this; await ctx.render('environment', { data: {}, }); } // 邮件管理 async emails() { const { ctx } = this; await ctx.render('email', { data: {}, }); } // 应用构建 async build() { const { ctx } = this; await ctx.render('build', { data: {}, }); } // 开始构建 async buildprocess() { const { ctx } = this; await ctx.render('buildprocess', { data: {}, }); } // 资产构建 async assetsconfig() { const { ctx } = this; await ctx.render('assetsconfig', { data: {}, }); } // 脚本任务 async commtask() { const { ctx } = this; await ctx.render('commtask', { data: {}, }); } // 控制台 async console() { const { ctx } = this; await ctx.render('console', { data: {}, }); } // 构建日志 async logs() { const { ctx } = this; await ctx.render('logs', { data: {}, }); } // 构建还原 async reduction() { const { ctx } = this; await ctx.render('reduction', { data: {}, }); } // 用户管理 async user() { const { ctx } = this; await ctx.render('user', { data: {}, }); } // 用户登录 async login() { const { ctx } = this; await ctx.render('login', { data: {}, }); } } module.exports = WebController; ================================================ FILE: app/extend/application.js ================================================ 'use strict'; const md5 = require('md5'); module.exports = { /* 生成随机字符串 */ randomString(len) { len = len || 7; const $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; const maxPos = $chars.length; let pwd = ''; for (let i = 0; i < len; i++) { pwd += $chars.charAt(Math.floor(Math.random() * maxPos)); } return pwd + Date.now(); }, /* 本地加密算法 */ signwx(json) { const wxkey = 'ZANEWANGWEI123456AGETEAMABmiliH'; /* 对json的key值排序 */ const arr = []; const sortJson = {}; const newJson = json; for (const key in json) { if (json[key]) { arr.push(key); } } arr.sort((a, b) => { return a.localeCompare(b); }); for (let i = 0, len = arr.length; i < len; i++) { sortJson[arr[i]] = json[arr[i]]; } /* 拼接json为key=val形式 */ let str = ''; for (const key in sortJson) { str += key + '=' + sortJson[key] + '&'; } str += 'key=' + wxkey; /* md5 */ const md5Str = md5(str); const signstr = md5Str.toUpperCase(); /* 获得有sign参数的json */ newJson.paySign = signstr; return newJson; }, // 返回结果json result(jn = {}) { return Object.assign({ code: 1000, desc: '成功', data: '', }, jn); }, format(date, fmt) { const o = { 'M+': date.getMonth() + 1, // 月份 'd+': date.getDate(), // 日 'h+': date.getHours(), // 小时 'H+': date.getHours() > 12 ? date.getHours() - 12 : date.getHours(), 'm+': date.getMinutes(), // 分 's+': date.getSeconds(), // 秒 }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); for (const k in o) { if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))); } return fmt; }, }; ================================================ FILE: app/io/controller/nsp.js ================================================ 'use strict'; const Controller = require('egg').Controller; const socket = require('../../util/socket'); class NspController extends Controller { async socket() { const { ctx } = this; const query = ctx.args[0]; const buildType = query.buildType; switch (buildType) { case 'buildprocess': case 'buildtasks': this.buildProcess(query); break; case 'sshonline': this.sshOnline(query); break; default: } } // common ssh2 servers ssh2Client(json = {}) { const { ctx } = this; let { data, taskItem, shell, id, cols, rows } = json; data = data || []; taskItem = taskItem || {}; const tasklist = []; const date = new Date(); const { project_path, backups_path, is_backups } = taskItem; let backupPath = ''; let backupDir = ''; if (taskItem && is_backups && project_path && backups_path) { backupDir = 'bak_' + this.app.format(new Date(), 'yyyy-MM-dd:hh:mm:ss'); const projectName = project_path ? project_path.split('/').splice(-1).join() : ''; backupPath = `${backups_path}/${backupDir}/${projectName}`; } for (let i = 0; i < data.length; i++) { const datas = data[i] || {}; const assitsItem = datas.assitsItem || {}; const item = Promise.resolve( this.backUpProject(taskItem, assitsItem, backupPath, backupDir).then(data => { socket({ id, date, taskName: taskItem.task_name ? `${taskItem.task_name}任务-构建应用服务` : '', assetsName: assitsItem.name, lanip: assitsItem.lan_ip, host: assitsItem.outer_ip, port: assitsItem.port, username: assitsItem.user, password: assitsItem.password, cols: cols || 138, rows: rows || 46, term: 'xterm-color', taskType: taskItem.task_type || 'command', socket: { socket: ctx.socket, geometry: datas.geometry, close: datas.close, data: datas.data, end: datas.end, resize: datas.resize, }, initialTask: shell, }); return data; }) ); tasklist.push(item); } return Promise.all(tasklist); } // 构建task async sshOnline(query = {}) { if (!query.data) return; const { data, cols, rows } = query; this.ssh2Client({ data, cols, rows }); } // 应用构建 async buildProcess(query = {}) { if (!query.data) return; const { taskItem, data, id, user_name } = query; let shell = ''; if (taskItem && taskItem.shell_path) { shell = taskItem.shell_path ? `sh ${taskItem.shell_path} ${taskItem.shell_opction || ''} \n` : taskItem.shell_body + '\n'; } else if (taskItem && taskItem.shell_body) { shell = taskItem.shell_body + '\n'; } const result = await this.ssh2Client({ data, taskItem, shell, id }); // 保存备份日志 taskItem.is_backups && this.ctx.service.logs.addLogs({ name: `${taskItem.task_name}任务-服务备份`, type: 2, user_name, application_id: id, content: result || [], }); } // 备份 backUpProject(taskItem = {}, assitsItem = {}, backupPath, backupDir) { const { is_backups, project_path, backups_path } = taskItem; let promise = null; if (taskItem && is_backups && project_path && backups_path) { promise = this.ctx.service.build.backUpProject(taskItem, assitsItem, backupPath, backupDir); } else { promise = new Promise(resolve => { resolve(1); }); } return promise; } } module.exports = NspController; ================================================ FILE: app/io/middleware/auth.js ================================================ 'use strict'; module.exports = () => { return async (ctx, next) => { // ctx.socket.emit('response', 'connected!'); await next(); }; }; ================================================ FILE: app/middleware/token_required.js ================================================ 'use strict'; const { URL } = require('url'); // 校验用户是否登录 module.exports = () => { return async (ctx, next) => { const referer = ctx.request.header.referer || ''; const url = new URL(referer); if (ctx.app.config.origin && ctx.app.config.origin.indexOf(url.origin) === -1) { ctx.body = { code: 1004, desc: '域名来源有误,请检查config的origin配置', }; return; } const usertoken = ctx.cookies.get('usertoken', { encrypt: true, signed: true, }) || ''; if (!usertoken) { ctx.body = { code: 1004, desc: '用户未登录,请重新登录', }; return; } const data = await ctx.service.user.finUserForToken(usertoken); if (!data || !data.user_name) { ctx.cookies.set('usertoken', ''); const descr = data && !data.user_name ? data.desc : '登录用户无效,请重新登录！'; ctx.body = { code: 1004, desc: descr, }; return; } await next(); }; }; ================================================ FILE: app/model/application.js ================================================ 'use strict'; module.exports = app => { const mongoose = app.mongoose; const Schema = mongoose.Schema; const ApplicationSchema = new Schema({ name: { type: String }, // 应用名称 code: { type: String }, // 应用编码 user_name: { type: String }, // 操作人 team_code: { type: String }, // 所属公司编码 environ_code: { type: String }, // 所属环境编码 net_type: { type: Number, default: 1 }, // 网络部署IP说明 1：外网IP 2：内网IP assets_list: { type: Array }, // 拥有资产列表 task_list: { type: Array }, // 任务list email_list: { type: Array }, // 绑定邮箱列表 status: { type: Number, default: 1 }, // 可用装填 1：可用 0：禁用 create_time: { type: Date, default: Date.now }, // 创建时间 }); return mongoose.model('Application', ApplicationSchema); }; ================================================ FILE: app/model/assets.js ================================================ 'use strict'; module.exports = app => { const mongoose = app.mongoose; const Schema = mongoose.Schema; const AssetsSchema = new Schema({ name: { type: String }, // 资产名称 code: { type: String }, // 资产编码 user_name: { type: String }, // 操作人 outer_ip: { type: String }, // 外网IP lan_ip: { type: String }, // 内网IP user: { type: String }, // 登录用户 port: { type: Number }, // 登录端口号 password: { type: String }, // 登录密码 team_code: { type: String }, // 所属团队编码 status: { type: Number, default: 1 }, // 可用装填 1：可用 0：禁用 create_time: { type: Date, default: Date.now }, // 创建时间 }); return mongoose.model('Assets', AssetsSchema); }; ================================================ FILE: app/model/commtask.js ================================================ 'use strict'; module.exports = app => { const mongoose = app.mongoose; const Schema = mongoose.Schema; const CommtaskSchema = new Schema({ name: { type: String }, // 任务名称 type: { type: Number, default: 1 }, // 任务类型 1：窗口运行命令 2：shell脚本命令 user_name: { type: String }, // 操作人 shell_body: { type: String }, // 运行内容 shell_opction: { type: String }, // shell 参数 shell_path: { type: String }, // shell存放路径 shell_write_type: { type: String }, // 脚本写入服务器方式 1：新建文件并上传方式 2：shell窗口命令行创建方式 btn_color: { type: String, default: 'primary' }, // 按钮颜色 可选类型 ：primary|success|info|warning|danger|default is_plain: { type: Number, default: 2 }, // 是:1 否：2 create_time: { type: Date, default: Date.now }, // 创建时间 }); return mongoose.model('Commtask', CommtaskSchema); }; ================================================ FILE: app/model/email.js ================================================ 'use strict'; module.exports = app => { const mongoose = app.mongoose; const Schema = mongoose.Schema; const TeamSchema = new Schema({ email: { type: String }, // 邮件地址 name: { type: String }, // 邮件所属人员 status: { type: Number, default: 1 }, // 可用装填 1：可用 0：禁用 create_time: { type: Date, default: Date.now }, // 创建时间 }); return mongoose.model('Email', TeamSchema); }; ================================================ FILE: app/model/environment.js ================================================ 'use strict'; module.exports = app => { const mongoose = app.mongoose; const Schema = mongoose.Schema; const EnvironmentSchema = new Schema({ name: { type: String }, // 团队名称 code: { type: String }, // 团队编码 create_time: { type: Date, default: Date.now }, // 创建时间 }); return mongoose.model('Environment', EnvironmentSchema); }; ================================================ FILE: app/model/logs.js ================================================ 'use strict'; module.exports = app => { const mongoose = app.mongoose; const Schema = mongoose.Schema; const LogsSchema = new Schema({ name: { type: String }, // 日志名称 user_name: { type: String }, // 操作人 application_id: { type: String }, // 所属应用code commtask_id: { type: String }, // 所属脚本任务code type: { type: Number, default: 1 }, // 日志类型 1：发布服务 2：应用服务备份 3：应用生成构建配置 4：服务资产生成构建配置 5:备份还原记录 delete: { type: Boolean, default: false }, // 是否删除过 content: { type: Object }, // 日志item内容项目 create_time: { type: Date, default: Date.now }, // 创建时间 }); return mongoose.model('Logs', LogsSchema); }; ================================================ FILE: app/model/team.js ================================================ 'use strict'; module.exports = app => { const mongoose = app.mongoose; const Schema = mongoose.Schema; const TeamSchema = new Schema({ name: { type: String }, // 团队名称 code: { type: String }, // 团队编码 status: { type: Number, default: 1 }, // 可用装填 1：可用 0：禁用 create_time: { type: Date, default: Date.now }, // 创建时间 }); return mongoose.model('Team', TeamSchema); }; ================================================ FILE: app/model/user.js ================================================ 'use strict'; module.exports = app => { const mongoose = app.mongoose; const Schema = mongoose.Schema; const UserSchema = new Schema({ user_name: { type: String }, // 用户名称 pass_word: { type: String }, // 用户密码 status: { type: Number, default: 1 }, // 可用装填 1：可用 0：禁用 token: { type: String }, // 用户秘钥 usertoken: { type: String }, // 用户登录态秘钥 create_time: { type: Date, default: Date.now }, // 用户访问时间 }); UserSchema.index({ user_name: -1, token: -1 }); return mongoose.model('User', UserSchema); }; ================================================ FILE: app/public/css/base.css ================================================ /*CSS Reset*/ *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } /*设置字体*/ @font-face{font-family: OpenSans;src: url('../font/OpenSans-Regular.ttf'),} body{background: #f9fafb;font-family: 'OpenSans', sans-serif!important;} /*字体结束*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header, hgroup, nav, section, article, aside, footer, figure, figcaption, menu, button { margin: 0; padding: 0;}; body { line-height: 1.5; font-size: 14px; color: #70727C; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); outline: 0; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } li { list-style: none; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; outline: none; -webkit-appearence: none; -ms-appearence: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { border: none; background: none; -webkit-appearance: none; outline: none; } a { -webkit-touch-callout: none; text-decoration: none; outline: 0; color:#8776f7;text-decoration:none;} em, i { font-style: normal; } iframe { display: none; } [v-cloak] {display: none; } .mt10{margin-top:10px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;} .mt50{margin-top:50px;} .mt90{margin-top:90px;} .mt200{margin-top:200px!important;} .mb10{margin-bottom:10px;} .mb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .mb50{margin-bottom:50px;} .mb100{margin-bottom:100px;} .mb200{margin-bottom:200px;} .ml10{margin-left:10px;} .ml20{margin-left:20px;} .ml30{margin-left:30px;} .ml50{margin-left:50px;} .ml100{margin-left:100px;} .mr5{margin-right:5px;} .mr10{margin-right:10px;} .mr20{margin-right:20px;} .pb100{padding-bottom:100px;} .pdl20{padding-left:20px!important;} .lightcolor{color:#999;} .primary{color:#409eff;} .success{color:#67c23a;} .warning{color:#e6a23c;} .tipscolor{color:#e15f63;font-size:14px;} .light{color:#999;font-size:12px;} .red{color:red!important;} .tc{text-align:center;} .bold{font-weight:bold;} .fs-12{font-size:12px;} .fs-14{font-size:14px;} .fs-16{font-size:16px;} .fs-18{font-size:18px;} .fs-22{font-size:22px;} .fl{float:left;} .fr{float:right;} .w-50{width:50px!important;} .w-80{width:80px!important;} .w-100{width:100px!important;} .w-150{width:150px!important;} .w-200{width:200px!important;} .w-300{width:300px!important;} .w-500{width:500px!important;} .common-width{ width:1200px; margin:0 auto; } /* 等待加载样式 */ #loading{ display:none; background: url(/public/img/loading.gif) rgba(12,12,12,.2) no-repeat center center; position: fixed; width: 100%; height: 100%; top:0; left:0; z-index:10000; } /****阿里icon*****/ @font-face { font-family: 'iconfont'; /* project id 769227 */ src: url('//at.alicdn.com/t/font_769227_f7de0h0gpza.eot'); src: url('//at.alicdn.com/t/font_769227_f7de0h0gpza.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_769227_f7de0h0gpza.woff2') format('woff2'), url('//at.alicdn.com/t/font_769227_f7de0h0gpza.woff') format('woff'), url('//at.alicdn.com/t/font_769227_f7de0h0gpza.ttf') format('truetype'), url('//at.alicdn.com/t/font_769227_f7de0h0gpza.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont"; font-size:16px; font-style:normal; vertical-align: middle; } /* body content widht */ #body_content{ overflow-y: auto; font-size:14px; margin-left:180px; padding:50px 0 30px; } .content{ padding:20px; } .com_title{ font-size:30px; font-weight: 300; } /* common table block */ .com_table_block{ overflow:hidden; background:#fff; box-shadow: 5px 5px 10px #eee } .com_table_block .table_header{ height:50px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding:20px; border-bottom:solid 1px #eee; } .com_table_block .l{ font-size:15px; } .common_pages{ display: flex; flex-direction: row; justify-content: center; padding:20px 0 30px; } .com_model_main{ overflow:hidden; padding:0 10px; } .com_model_block{ display: flex; flex-direction: row; align-items: center; margin-bottom:20px; min-height:40px; } .com_model_block .left{ width:100px; } .com_model_block .inp{ width:250px; } .com_model_main .btns{ margin-top:30px; display: flex; flex-direction: row; justify-content: center; } .com_top{ background: #fff; padding:20px; margin:20px 0; box-shadow: 5px 5px 10px #eee } .com_top .inp{ width:250px; } .common_tops{ font-size:12px; color:#999; } .common_tops .el-icon-warning{ color:#409eff; margin-right:6px; } /* 公共输入框 */ .text_comm_tarea{ width:100%; height:300px; background:#000; padding:20px; border:solid 1px #000; color:#fff; font-size:16px; } /*滚动条样式*/ .text_comm_tarea::-webkit-scrollbar { width: 4px; height: 4px; } .text_comm_tarea::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.6); } .text_comm_tarea::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,.1); } /* build model */ .comm_shell_model{} .comm_shell_model .mask { position: fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.1); z-index:3000; } .comm_shell_model .comm_shell_model_content{ position: fixed; left:0; top:0; width:calc(70%); height: calc(80%); margin-left:calc(15%); margin-top:calc(5%); background:#000; border-radius:3px; overflow:hidden; z-index:3002; } .comm_shell_model .close{ position: absolute; right:10px; top:3px; font-size:20px; cursor:pointer; color:#c7c7c7; z-index:3001; } .comm_shell_model .menu{ right:150px; } .comm_shell_model .plus{ right:100px; } .comm_shell_model .minus{ right:50px; } .comm_shell_model .comm_shell_navs{ position: absolute; left:0; top:0; width:100%; background:#383838; display: flex; flex-direction: row; align-items: center; height:25px; z-index:110; } .comm_shell_model .comm_shell_navs .item{ display: flex; flex-direction: row; align-items: center; border-right:solid 1px #aaa; white-space: nowrap; padding:0 10px; height:100%; font-size:12px; font-weight:300; cursor:pointer; } .comm_shell_model .comm_shell_navs .active{ color:#000; background:#e0e0e0; } .comm_shell_model .terminal{ position: absolute; left:8px; top:10px; width:calc(100% - 30px); height:calc(100% - 60px); z-index:1; } .comm_shell_model .comm_content_body{ display: flex; flex-direction: row; flex-wrap: wrap; overflow:auto; padding: 10px; height:calc(95%); overflow:auto; margin-top:20px; } .comm_shell_model .comm_content_body::-webkit-scrollbar { width: 4px; height: 4px; } .comm_shell_model .comm_content_body::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.6); } .comm_shell_model .comm_content_body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,.1); } .comm_shell_model .com_content_list{ background:#000; } .xterm.fullscreen { position: fixed!important; top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; width: auto!important; height: auto!important; z-index: 255!important; padding:10px!important; } /* element-ui-common */ .el-button{ padding: 9px 20px!important; border-radius: 0px!important; } .el-table td, .el-table th { padding: 8px 0!important; } .el-button--medium { padding: 8px 10px!important; font-size:12px!important; } .el-button--small, .el-button--small.is-round { padding: 6px 10px!important; } .el-input__inner { height: 35px!important; line-height: 35px!important; border-radius:0px!important; } .el-input__icon{ line-height: 35px!important; } ================================================ FILE: app/public/css/home.css ================================================ ================================================ FILE: app/public/iconfont/iconfont.css ================================================ @font-face {font-family: "iconfont"; src: url('iconfont.eot?t=1551324590500'); /* IE9 */ src: url('iconfont.eot?t=1551324590500#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMEAAsAAAAABtgAAAK4AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBZIFrATYCJAMICwYABCAFhG0HLxsQBhHVk6NkPwvsZuoVJmhyDRpllUYjUD422PchiFCXzUrri0JYJU+Msv2AXAFw/TUhV8BlOtrcrLpGRSiW5Dz4X56Rjk0IS31baHSmCoCLQ9VMoIDMB0mc5tyUC2A4QAEca9FoC1ZvQQrgHcYueIH7IUAKFaiHdBv6eRyKPUwAmWWnjscVHCjKwg4h0TBXkZ0EOLPJPBawI/p9+SuaiANDYLGzBk3pPolOPwqcKLuyfCWjAgTM5XQAWwQWqAcoiG8MDMAiDGdJoVSqAIq6f1BeHqiQo/7zkAR2ahoAhZDxTEyP9ahFBgDl2UNdgGUYq18QpKVluLzxb39E737Gb76Hr7+teP3av3kTvnsXv327PIrbdpC49YTeh2NSojFMLZw1LZJISmoowjiK4hF9h/swLP9/UKikHxwZVPI5WVb64UtXtKREIfcKpUEO/iZ6asjWbb3Kuhwa/2LquSNxxTAcUa/FdZr/YuO/2oVPrut8sX3bicV37o6eMXBxpy17505cvqzzrKZT9vaZfnxE9qlJ9cPtM5r1PXjqP0Pg3DMfjc1sV+xSFYD3nUejAeUrFbsScHdiFPijzIENarBtpVGN2RgxdCG407IUUoBysCWHr1Ml+bevE1yBycCQRBFYHNWQiq0HAak0gwSOjpBCXXouTiWXBVhEk4E6rAMgZHEMDBlcA0sWT5CK/QIBBfyHBFliIYVIctdMpYZgVnYlnBhXmB+wS07KVbOM01+ojzBRnh3hf0i7dUNbNeXwiAlpiQn7qTtmBYpyhAEchiFkKJQdLlwZ5tLXtWp6UrXkKCRdCSfGFeYH7JKTClqzrPz8C/URJuqoq1P/kHbbObRVMwA5CtKgukd5ZD91x6xAUY4wgF4YQobS3MvhwpWZ4Ct97TRTQwXV9qL4d9uAFGypEaeLJZhkN3sIAQ==') format('woff2'), url('iconfont.woff?t=1551324590500') format('woff'), url('iconfont.ttf?t=1551324590500') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1551324590500#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-diqiu:before { content: "\e616"; } ================================================ FILE: app/public/js/config.js ================================================ 'use strict'; const config = { // 登陆页面 loginUrl: '/login', // 登陆成功后需要跳转到的页面 homeUrl: '/', // 根接口 baseApi: '/', // ajax 请求超时时间 ajaxtimeout: 15000, // 发送验证码时间间隔 msgTime: 60, // 七牛图片根地址 imgBaseUrl: 'http://ormfcl92t.bkt.clouddn.com/', // 隐藏显示时间 containerShowTime: 10, // pagesize 分页数量 pageSize: 50, }; window.config = config; // eslint-disable-line window.baseUrl = ""//"http://test-pc.juxingyi.com" ================================================ FILE: app/public/js/util.js ================================================ /* eslint-disable */ 'use strict'; // 时间格式化 if (!new Date().format) { Date.prototype.format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "H+": this.getHours() > 12 ? this.getHours() - 12 : this.getHours(), "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Math.floor((this.getMonth() + 3) / 3), //季度 "S": this.getMilliseconds() //毫秒 }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return fmt; } }; let XTEAMLIST = []; let MODELTYPE = ''; let SOCKET = null; let CONSOLEXTEAM = []; // util 公共对象函数 class utilfn { // 初始化对象 constructor() { this.win = window.top; this.UA = navigator.userAgent; this.isPC = this.UA.indexOf('Windows NT') > -1; this.isAndroid = this.UA.indexOf('Android') > -1; this.isIos = this.UA.indexOf('Mac OS X') > -1; this.isIphone = this.UA.indexOf('iPhone;') > -1; this.isIpad = this.UA.indexOf('iPad;') > -1; this.isIE7 = this.UA.indexOf('MSIE 7.0;') > -1; this.isIE8 = this.UA.indexOf('MSIE 8.0;') > -1; this.isIE9 = this.UA.indexOf('MSIE 9.0;') > -1; this.isIE10 = this.UA.indexOf('MSIE 10.0;') > -1; this.isIE11 = this.UA.indexOf('Trident') > -1; }; /*封装的ajax函数 *type 类型 get|post *url api地址 *data 请求的json数据 *noLoading ajax执行时是否显示遮罩 *nohideloading ajax执行完成之后是否隐藏遮罩 *notimeout 是否有请求超时 *complete ajax完成后执行（失败成功后都会执行） *beforeSend 请求发送前执行 *success 成功之后执行 *error 失败之后执行 *goingError 是否执行自定义error回调 *timeout ajax超时时间 *isGoingLogin 是否跳转到登录界面 */ ajax(json) { let This = this; let noError = true; let url = null; let asyncVal = typeof(json.async) == 'boolean' ? json.async : true; if (!json.nohideloading) { This.showLoading(); }; //是否有请求超时 if (!json.notimeout) { var timeout = setTimeout(function() { This.hideLoading(); // 请求超时 noError = false; asyncVal && popup.alert({ type: 'msg', title: '您的网络太慢了哦,请刷新重试!' }); }, json.timeout || config.ajaxtimeout); } // 增加时间戳参数 if (json.url.indexOf('?') != -1) { url = json.url + '&_=' + this.time(); } else { url = json.url + '?_=' + this.time(); }; return $.ajax({ type: json.type || "post", url: url, data: json.data || "", dataType: "json", async: asyncVal, beforeSend: function(xhr) { xhr.setRequestHeader("x-csrf-token", $.cookie('csrfToken')||''); json.beforeSend && json.beforeSend(xhr); }, success: function(data) { if (!json.nohideloading) { This.hideLoading(); }; clearTimeout(timeout); if (typeof(data) == 'string') { This.error(JSON.parse(data), json); } else { This.error(data, json); } }, complete: function(XMLHttpRequest) { if (!json.nohideloading) { This.hideLoading(); }; clearTimeout(timeout); if (json.complete) { json.complete(XMLHttpRequest); } }, error: function(XMLHttpRequest) { This.hideLoading(); clearTimeout(timeout); if (noError) { This._error(XMLHttpRequest, json); }; } }); }; //error 处理函数 error(data, json) { //判断code 并处理 var dataCode = parseInt(data.code); if (!json.isGoingLogin && dataCode == 1004) { // 判断app或者web if (window.location.href.indexOf(config.loginUrl) == -1) { $('#main').html(''); function login(){ sessionStorage.setItem("weixin-url", window.location.href); //记录没有登陆前的访问页面 location.href = config.loginUrl + '?redirecturl=' + encodeURIComponent(location.href); } popup.confirm({ maskHide: false, title: data.desc || '登录失败,请重新登录!', yes: () => { login() }, no: () => { login() } }); } else { popup.alert({ type: 'msg', title: '用户未登陆,请登录!' }); } } else { switch (dataCode) { case 1000: json.success && json.success(data); break; default: if (json.goingError) { //走error回调 json.error && json.error(data); } else { //直接弹出错误信息 popup.alert({ type: 'msg', title: data.desc }); }; } }; } // _error 处理函数 _error(XMLHttpRequest, json) { this.hideLoading(); if (json.code) { json.error(JSON.parse(XMLHttpRequest.responseText)); } else { switch (XMLHttpRequest.status) { case 401: if (window.location.href.indexOf(config.loginUrl) == -1) { sessionStorage.setItem("weixin-url", window.location.href); //记录没有登陆前的访问页面 window.location.href = config.loginUrl; } else { popup.alert({ type: 'msg', title: "你需要登录哦" }); }; break; case 400: popup.alert({ type: 'msg', title: "您的请求不合法呢" }); break; case 404: popup.alert({ type: 'msg', title: "访问的地址可能不存在哦" }); break; case 500: case 502: popup.alert({ type: 'msg', title: "服务器内部错误" }); break; // default: // popup.alert({type:'msg',title:"未知错误。程序员欧巴正在赶来修改哦"}); } } } // 获取当前时间毫秒 time() { return new Date().getTime(); } /*根据参数生成常用的正则表达式 *string type 生成的正则表达式类型 *array numArr 生成正则的条件数组 例如:[6,16] 也可省略 */ regCombination(type, numArr) { var reg = ""; switch (type) { case "*": //"*":"不能为空！" if (numArr) { reg = new RegExp("^[\\w\\W]{" + numArr[0] + "," + numArr[1] + "}$"); } else { reg = new RegExp("^[\\w\\W]+$"); } break; case "n": //"number":"请填写数字！ if (numArr) { reg = new RegExp("^\\d{" + numArr[0] + "," + numArr[1] + "}$"); } else { reg = new RegExp("^\\d+$"); } break; case "s": //"s":"不能输入特殊字符！" if (numArr) { reg = new RegExp("^[\\u4E00-\\u9FA5\\uf900-\\ufa2d\\w\\.\\s]{" + numArr[0] + "," + numArr[1] + "}$"); } else { reg = new RegExp("^[\\u4E00-\\u9FA5\\uf900-\\ufa2d\\w\\.\\s]+$"); } break; case "c": //"z":"中文验证" reg = new RegExp("^[\\u4E00-\\u9FA5\\uf900-\\ufa2d]{" + numArr[0] + "," + numArr[1] + "}$"); break; case "p": //"p":"邮政编码！ reg = new RegExp("^[0-9]{6}$"); break; case "m": //"m":"写手机号码！" reg = new RegExp("^13[0-9]{9}$|14[0-9]{9}$|15[0-9]{9}$|17[0-9]{9}$|18[0-9]{9}$"); break; case "e": //"e":"邮箱地址格式 reg = new RegExp("^\\w+([-+.']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$"); break; case "id": //"id":验证身份证 reg = new RegExp("^\\d{17}[\\dXx]|\\d{14}[\\dXx]$"); break; case "money": //钱 reg = new RegExp("^[\\d\\.]+$"); break; case "url": //"url":"网址" reg = new RegExp("^(\\w+:\\/\\/)?\\w+(\\.\\w+)+.*$"); break; case "u": // reg = new RegExp("^[A-Z\\d]+$"); break; case "numLimitTo2": //保留2位小数点正整数 reg = new RegExp("^-{0,0}\\d+(.\\d{0,2})?$"); break; case "spec": //校验特殊字符 reg = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？%+_]"); break; } return reg; } /*extent json函数 *json1 原始数据 *json2 新数据 */ extend(json1, json2) { var newJson = json1; for (var j in json2) { newJson[j] = json2[j]; } return newJson; } //showLoading showLoading() { $('#loading').stop().show(); } //hideLoading hideLoading() { $('#loading').stop().hide(); } /*生成随机字符串*/ randomString(len) { len = len || 15; var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; var maxPos = $chars.length; var pwd = ''; for (let i = 0; i < len; i++) { pwd += $chars.charAt(Math.floor(Math.random() * maxPos)); } return pwd; } /*获取url hash*/ getQueryString(name, hash) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); if (hash) { if (!window.location.hash) { return ''; }; var r = decodeURIComponent(window.location.hash).substr(1).match(reg); } else { var r = decodeURIComponent(window.location.search).substr(1).match(reg); } if (r != null) { return r[2]; } return null; } /*获取 storage 缓存数据 * type 类型 local：localStorage session：sessionStorage * name 缓存数据name名 */ getStorage(type, name) { var type = type || 'local'; if (type == 'local') { var result = localStorage.getItem(name) ? localStorage.getItem(name) : ""; } else if (type == 'session') { var result = sessionStorage.getItem(name) ? sessionStorage.getItem(name) : ""; } return result; } /*设置 storage 缓存数据 *type 类型 local：localStorage session：sessionStorage *name 缓存数据name名 *content 缓存的数据内容 */ setStorage(type, name, content) { var type = type || 'local'; var data = content; if (typeof(data) == 'object') { data = JSON.stringify(content) }; if (type == 'local') { localStorage.setItem(name, data); } else if (type == 'session') { sessionStorage.setItem(name, data); } } /*vue获得checkbox的值*/ getCheckBoxVal(arr){ let result="" if(!arr.length) return result; arr.forEach((item)=>{ if(item.checked){ result+=item.value+',' } }) return result.slice(0,-1); } /*vue转换checkbox的值*/ setCheckBoxVal(arr,str){ let copyarr = arr; if(!str) return copyarr; let newArr=str.split(',') copyarr.forEach((itemp)=>{ newArr.forEach((item)=>{ if(itemp.value == item){ itemp.checked=true; } }) }) return copyarr; } goBack(){ window.history.go(-1); } // 获得查询时间 getSearchTime() { let json = { beginTime: '', endTime: '' } let selecttimes = util.getStorage('local', 'userselectTime') || 60000 selecttimes = selecttimes * 1 if (selecttimes) { let endTime = new Date().getTime() let beginTime = endTime - selecttimes json.beginTime = new Date(beginTime).format('yyyy/MM/dd hh:mm:ss') json.endTime = new Date(endTime).format('yyyy/MM/dd hh:mm:ss') } return json } // 应用构建socket、xtram startSocketXteam(json = {}) { const assetsList = json.assetsList || []; const taskItem = json.taskItem || {}; const buildType = json.buildType || ''; const startType = json.startType || 'new'; if (!Array.isArray(assetsList) && !assetsList.length) return; const buildLogs = {} const result = []; if (startType === 'switch') { for (let i = 0; i < XTEAMLIST.length; i++) { XTEAMLIST[i] && XTEAMLIST[i].destroy() } XTEAMLIST = []; } else if (startType === 'agein') { return { xteamList: XTEAMLIST, socket: SOCKET, }; } else if (startType === 'new') { XTEAMLIST = []; } // socket const socket = SOCKET = io.connect('/'); Terminal.applyAddon(fit); Terminal.applyAddon(fullscreen); Terminal.applyAddon(attach); // list assetsList.forEach((item, index) => { // 先执行 xteam let xteam = new Terminal({ cursorBlink:true, fontSize:14, fontFamily: '"Monaco", "Consolas", "monospace"', }); xteam.open(document.getElementById('terminal'+index)); xteam.focus() xteam.fit() xteam.attach(socket) const data = 'process_data_' + index; const resize = 'process_resize_' + index; const end = 'process_end_' + index; const close = 'process_close_' + index; xteam.on('data', function (res) { socket.emit(data, res) }) // socket socket.on(data, function (res) { xteam.write(res); }); // end socket.on(end, function (res) { json.callback && json.callback(res) }); XTEAMLIST.push(xteam); result.push({ assitsItem:{ name: item.name, lan_ip: item.lan_ip, outer_ip: item.outer_ip, port: item.port, user: item.user, password: item.password, }, data, resize, close, end }) }) const userMsg = util.getStorage('local', 'userMsg'); const user_name = userMsg ? JSON.parse(userMsg).user_name : ''; socket.emit('socket', { taskItem, data: result, buildType, id: json.id || '', user_name, cols: XTEAMLIST[0].cols, rows: XTEAMLIST[0].rows} || 'begin' ); window.addEventListener('resize', this.resizeScreen.bind(this, XTEAMLIST, socket), false) socket.on('close', msg => { close(msg); }); socket.on('disconnect', msg => { close(msg); }); socket.on('disconnecting', () => { close(); }); socket.on('error', (err) => { close(err); }); function close(msg){ XTEAMLIST.forEach(item => { item.write(msg || '服务器close,请刷新重试。'); }) } return { xteamList: XTEAMLIST, socket, }; // xteam.clear() xteam.reset() xteam.destroy() } resizeScreen(XTEAMLIST, socket) { for (let i = 0; i < XTEAMLIST.length; i++) { XTEAMLIST[i] && XTEAMLIST[i].fit() } socket.emit('resize', { cols: XTEAMLIST[0].cols, rows: XTEAMLIST[0].rows }) } // 设置xteam窗口大小 setSocketXteam(type, xteamlist = [], socket) { if (MODELTYPE === type) return; MODELTYPE = type; const comm_mocel = document.querySelector('.comm_shell_model_content'); const terminal_item = document.querySelectorAll('.terminal'); const content_list = document.querySelectorAll('.com_content_list'); if(type === 1){ // 放大 comm_mocel.style.width = 'calc(100% - 30px)' comm_mocel.style.height = 'calc(100% - 20px)' comm_mocel.style.marginLeft = '15px' comm_mocel.style.marginTop = '10px' }else if(type === 2){ // 缩小 comm_mocel.style.width = 'calc(70%)' comm_mocel.style.height = 'calc(80%)' comm_mocel.style.marginLeft = 'calc(15%)' comm_mocel.style.marginTop = 'calc(5%)' } else if (type === 3){ for (let i = 0; i < terminal_item.length;i++) { terminal_item[i].style.top = '0' } for (let i = 0; i < content_list.length; i++) { content_list[i].style.marginTop = '10px' content_list[i].style.position = 'relative' content_list[i].style.width = 'calc(49%)' if (i % 2 === 0) content_list[i].style.marginRight = '2%' content_list[i].style.height = '500px' } comm_mocel.style.background = '#3e3e3e' comm_mocel.style.overflow = 'auto' } else if (type === 4) { for (let i = 0; i < terminal_item.length; i++) { terminal_item[i].style.top = '10px' } for (let i = 0; i < content_list.length; i++) { content_list[i].style.position = 'static' } comm_mocel.style.background = '#000' comm_mocel.style.overflow = 'hidden' } setTimeout(()=>{ this.resizeScreen(xteamlist, socket) }) } /* socket.io实现 * fn 信息回调触发 * query socket 参数 */ socket(json = {}) { const socket = io.connect('/'); socket.on('close', msg => { close() }); socket.on('disconnect', msg => { close() }); socket.on('disconnecting', () => { close() }); socket.on('error', (err) => { close() }); function close(msg){ CONSOLEXTEAM.forEach(item => { item.write(msg || '服务器close.'); }) } return socket; } /* xteam 实现 * id */ xteam(json = {}){ const { socket, index, assetsItem} = json; const result = []; const data = 'console_data_' + index; const resize = 'console_resize_' + index; const close = 'console_close_' + index; const end = 'console_end_' + index; Terminal.applyAddon(fit); Terminal.applyAddon(fullscreen); Terminal.applyAddon(attach); let xteam = new Terminal({ cursorBlink: true, fontSize: 14, fontFamily: '"Monaco", "Consolas", "monospace"', }); xteam.open(document.getElementById('console_terminal_' + index)); xteam.focus() xteam.fit() xteam.attach(socket) xteam.on('data', function (res) { socket.emit(data, res) }) xteam.write(`开始连接到 ${assetsItem.user}@${assetsItem.name}-${assetsItem.outer_ip}-${assetsItem.lan_ip}\r\n`) // socket socket.on(data, function (res) { xteam.write(res); }); result.push({ assitsItem: { name: assetsItem.name, lan_ip: assetsItem.lan_ip, outer_ip: assetsItem.outer_ip, port: assetsItem.port, user: assetsItem.user, password: assetsItem.password, }, data, resize, close, end }) socket.emit('socket', { data: result, buildType: 'sshonline', cols: xteam.cols, rows: xteam.rows } || 'begin'); window.addEventListener('resize', this.resizeScreen.bind(this, [xteam], socket), false) this.resizeScreen([xteam], socket) CONSOLEXTEAM.push(xteam) return xteam; } } //初始化util对象 window.util = new utilfn(); ================================================ FILE: app/public/js/vue-components.js ================================================ /* eslint-disable */ let Component = { commonsearch:{ template: `
{{timeText}}
  • 1分钟
  • 5分钟
  • 10分钟
  • 30分钟
  • 1小时
  • 6小时
  • 12小时
  • 1天
    • `, props:{ done:{ type:Function, default:()=>{} }, }, data:function(){ return{ timeText:'全部' } }, mounted(){ let _this=this; // 添加active样式 let selecttimes = util.getStorage('local', 'userselectTime') || 60000 let objs = $('.select-time li') for(let i=0,len=objs.length;i { e.stopPropagation(); $('.select-time').show(); }); $(document).on('click',function(e){ $('.select-time').hide(); }); $('.select-time').click(function(e){ e.stopPropagation(); }) $('.select-time li').on('click',function(e){ $('.select-time li').removeClass('active') $(this).addClass('active') let time = $(this).attr('data-time') let text = $(this).attr('data-text') _this.timeText = text util.setStorage('local','userselectTime',time) }) }, methods:{ timeSure(){ $('.select-time').hide(); this.done&&this.done() } }, } } for(let n in Component){ Vue.component(n, Component[n]) } ================================================ FILE: app/public/js/vue-filters.js ================================================ /* eslint-disable */ // 时间格式化 if(!new Date().format){ Date.prototype.format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "H+":this.getHours()>12?this.getHours()-12:this.getHours(), "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Math.floor((this.getMonth() + 3) / 3), //季度 "S": this.getMilliseconds() //毫秒 }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return fmt; } }; let Filter = { // 图片地址过滤器 imgBaseUrl:function(img) { if (!img) return '../images/index/bg-0.png'; if (img.indexOf('http:') !== -1 || img.indexOf('HTTP:') !== -1 || img.indexOf('https:') !== -1 || img.indexOf('HTTPS:') !== -1) { return img + '?imageslim'; } else { return config.imgBaseUrl + img + '?imageslim'; } }, toFixed(val,type=false){ val = parseFloat(val) if(type){ val = val/1000 return val>0?val.toFixed(3)+' s':val.toFixed(2); }else{ return val.toFixed(2)+' ms'; } }, toSize(val){ val=val*1 if(val>=1024){ return (val/1024).toFixed(2)+' KB' }else if(val>0){ return val.toFixed(2)+' B' }else{ return 0 } }, // 时间过滤器 date(value, gengefu, full) { if (!value) return; let ty = gengefu || '-'; if (full) { return new Date(value).format('yyyy' + ty + 'MM' + ty + 'dd hh:mm:ss'); } else { return new Date(value).format('yyyy' + ty + 'MM' + ty + 'dd'); }; }, //limitTo过滤器 limitTo(value, num) { if (!value) return; var text = ""; if (value.length < num) { text = value; } else { text = value.substring(0, num) + '···'; } return text; }, // 应用类型过滤器 systemType(val) { let result = ''; switch (val) { case 'web': result = 'WEB浏览器'; break; case 'wx': result = '微信小程序'; break; } return result; }, // 流量单位 flow(val = 0) { let result = 0; let value = val; let index = 0; while (value >= 1024) { value = value / 1024 index++; } value = value.toFixed(2); if (index >= 4) { value = value + 'T' } else if (index >= 3) { value = value + 'G' } else if (index >= 2) { value = value + 'M' } else if (index >= 1) { value = value + 'KB' } else { value = value + 'B' } return value; }, } window.Filter = {}; for(let n in Filter){ window['Filter'][n] = Filter[n]; } ================================================ FILE: app/public/lib/bootstrap/css/bootstrap-theme.css ================================================ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); } .btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-default.disabled, .btn-primary.disabled, .btn-success.disabled, .btn-info.disabled, .btn-warning.disabled, .btn-danger.disabled, .btn-default[disabled], .btn-primary[disabled], .btn-success[disabled], .btn-info[disabled], .btn-warning[disabled], .btn-danger[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-success, fieldset[disabled] .btn-info, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-danger { -webkit-box-shadow: none; box-shadow: none; } .btn-default .badge, .btn-primary .badge, .btn-success .badge, .btn-info .badge, .btn-warning .badge, .btn-danger .badge { text-shadow: none; } .btn:active, .btn.active { background-image: none; } .btn-default { text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #dbdbdb; border-color: #ccc; } .btn-default:hover, .btn-default:focus { background-color: #e0e0e0; background-position: 0 -15px; } .btn-default:active, .btn-default.active { background-color: #e0e0e0; border-color: #dbdbdb; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #e0e0e0; background-image: none; } .btn-primary { background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #245580; } .btn-primary:hover, .btn-primary:focus { background-color: #265a88; background-position: 0 -15px; } .btn-primary:active, .btn-primary.active { background-color: #265a88; border-color: #245580; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #265a88; background-image: none; } .btn-success { background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #3e8f3e; } .btn-success:hover, .btn-success:focus { background-color: #419641; background-position: 0 -15px; } .btn-success:active, .btn-success.active { background-color: #419641; border-color: #3e8f3e; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #419641; background-image: none; } .btn-info { background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #28a4c9; } .btn-info:hover, .btn-info:focus { background-color: #2aabd2; background-position: 0 -15px; } .btn-info:active, .btn-info.active { background-color: #2aabd2; border-color: #28a4c9; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #2aabd2; background-image: none; } .btn-warning { background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #e38d13; } .btn-warning:hover, .btn-warning:focus { background-color: #eb9316; background-position: 0 -15px; } .btn-warning:active, .btn-warning.active { background-color: #eb9316; border-color: #e38d13; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #eb9316; background-image: none; } .btn-danger { background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #b92c28; } .btn-danger:hover, .btn-danger:focus { background-color: #c12e2a; background-position: 0 -15px; } .btn-danger:active, .btn-danger.active { background-color: #c12e2a; border-color: #b92c28; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #c12e2a; background-image: none; } .thumbnail, .img-thumbnail { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); box-shadow: 0 1px 2px rgba(0, 0, 0, .075); } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #e8e8e8; background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); background-repeat: repeat-x; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #2e6da4; background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); background-repeat: repeat-x; } .navbar-default { background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%); background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2)); background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0); background-repeat: repeat-x; -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); } .navbar-brand, .navbar-nav > li > a { text-shadow: 0 1px 0 rgba(255, 255, 255, .25); } .navbar-inverse { background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%); background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222)); background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-radius: 4px; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%); background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f)); background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0); background-repeat: repeat-x; -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); } .navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } @media (max-width: 767px) { .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); background-repeat: repeat-x; } } .alert { text-shadow: 0 1px 0 rgba(255, 255, 255, .2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); } .alert-success { background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); background-repeat: repeat-x; border-color: #b2dba1; } .alert-info { background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0)); background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); background-repeat: repeat-x; border-color: #9acfea; } .alert-warning { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); background-repeat: repeat-x; border-color: #f5e79e; } .alert-danger { background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); background-repeat: repeat-x; border-color: #dca7a7; } .progress { background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5)); background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); background-repeat: repeat-x; } .progress-bar { background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090)); background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0); background-repeat: repeat-x; } .progress-bar-success { background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44)); background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); background-repeat: repeat-x; } .progress-bar-info { background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5)); background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); background-repeat: repeat-x; } .progress-bar-warning { background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f)); background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); background-repeat: repeat-x; } .progress-bar-danger { background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c)); background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); background-repeat: repeat-x; } .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .list-group { border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); box-shadow: 0 1px 2px rgba(0, 0, 0, .075); } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { text-shadow: 0 -1px 0 #286090; background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a)); background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0); background-repeat: repeat-x; border-color: #2b669a; } .list-group-item.active .badge, .list-group-item.active:hover .badge, .list-group-item.active:focus .badge { text-shadow: none; } .panel { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); box-shadow: 0 1px 2px rgba(0, 0, 0, .05); } .panel-default > .panel-heading { background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); background-repeat: repeat-x; } .panel-primary > .panel-heading { background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); background-repeat: repeat-x; } .panel-success > .panel-heading { background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6)); background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); background-repeat: repeat-x; } .panel-info > .panel-heading { background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3)); background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); background-repeat: repeat-x; } .panel-warning > .panel-heading { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc)); background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); background-repeat: repeat-x; } .panel-danger > .panel-heading { background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc)); background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); background-repeat: repeat-x; } .well { background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5)); background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); background-repeat: repeat-x; border-color: #dcdcdc; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); } /*# sourceMappingURL=bootstrap-theme.css.map */ ================================================ FILE: app/public/lib/bootstrap/css/bootstrap.css ================================================ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777; cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); line-break: auto; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*# sourceMappingURL=bootstrap.css.map */ ================================================ FILE: app/public/lib/bootstrap/js/bootstrap.js ================================================ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under the MIT license */ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript requires jQuery') } +function ($) { 'use strict'; var version = $.fn.jquery.split(' ')[0].split('.') if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 3)) { throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4') } }(jQuery); /* ======================================================================== * Bootstrap: transition.js v3.3.7 * http://getbootstrap.com/javascript/#transitions * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) // ============================================================ function transitionEnd() { var el = document.createElement('bootstrap') var transEndEventNames = { WebkitTransition : 'webkitTransitionEnd', MozTransition : 'transitionend', OTransition : 'oTransitionEnd otransitionend', transition : 'transitionend' } for (var name in transEndEventNames) { if (el.style[name] !== undefined) { return { end: transEndEventNames[name] } } } return false // explicit for ie8 ( ._.) } // http://blog.alexmaccaw.com/css-transitions $.fn.emulateTransitionEnd = function (duration) { var called = false var $el = this $(this).one('bsTransitionEnd', function () { called = true }) var callback = function () { if (!called) $($el).trigger($.support.transition.end) } setTimeout(callback, duration) return this } $(function () { $.support.transition = transitionEnd() if (!$.support.transition) return $.event.special.bsTransitionEnd = { bindType: $.support.transition.end, delegateType: $.support.transition.end, handle: function (e) { if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) } } }) }(jQuery); /* ======================================================================== * Bootstrap: alert.js v3.3.7 * http://getbootstrap.com/javascript/#alerts * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // ALERT CLASS DEFINITION // ====================== var dismiss = '[data-dismiss="alert"]' var Alert = function (el) { $(el).on('click', dismiss, this.close) } Alert.VERSION = '3.3.7' Alert.TRANSITION_DURATION = 150 Alert.prototype.close = function (e) { var $this = $(this) var selector = $this.attr('data-target') if (!selector) { selector = $this.attr('href') selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 } var $parent = $(selector === '#' ? [] : selector) if (e) e.preventDefault() if (!$parent.length) { $parent = $this.closest('.alert') } $parent.trigger(e = $.Event('close.bs.alert')) if (e.isDefaultPrevented()) return $parent.removeClass('in') function removeElement() { // detach from parent, fire event then clean up data $parent.detach().trigger('closed.bs.alert').remove() } $.support.transition && $parent.hasClass('fade') ? $parent .one('bsTransitionEnd', removeElement) .emulateTransitionEnd(Alert.TRANSITION_DURATION) : removeElement() } // ALERT PLUGIN DEFINITION // ======================= function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.alert') if (!data) $this.data('bs.alert', (data = new Alert(this))) if (typeof option == 'string') data[option].call($this) }) } var old = $.fn.alert $.fn.alert = Plugin $.fn.alert.Constructor = Alert // ALERT NO CONFLICT // ================= $.fn.alert.noConflict = function () { $.fn.alert = old return this } // ALERT DATA-API // ============== $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) }(jQuery); /* ======================================================================== * Bootstrap: button.js v3.3.7 * http://getbootstrap.com/javascript/#buttons * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // BUTTON PUBLIC CLASS DEFINITION // ============================== var Button = function (element, options) { this.$element = $(element) this.options = $.extend({}, Button.DEFAULTS, options) this.isLoading = false } Button.VERSION = '3.3.7' Button.DEFAULTS = { loadingText: 'loading...' } Button.prototype.setState = function (state) { var d = 'disabled' var $el = this.$element var val = $el.is('input') ? 'val' : 'html' var data = $el.data() state += 'Text' if (data.resetText == null) $el.data('resetText', $el[val]()) // push to event loop to allow forms to submit setTimeout($.proxy(function () { $el[val](data[state] == null ? this.options[state] : data[state]) if (state == 'loadingText') { this.isLoading = true $el.addClass(d).attr(d, d).prop(d, true) } else if (this.isLoading) { this.isLoading = false $el.removeClass(d).removeAttr(d).prop(d, false) } }, this), 0) } Button.prototype.toggle = function () { var changed = true var $parent = this.$element.closest('[data-toggle="buttons"]') if ($parent.length) { var $input = this.$element.find('input') if ($input.prop('type') == 'radio') { if ($input.prop('checked')) changed = false $parent.find('.active').removeClass('active') this.$element.addClass('active') } else if ($input.prop('type') == 'checkbox') { if (($input.prop('checked')) !== this.$element.hasClass('active')) changed = false this.$element.toggleClass('active') } $input.prop('checked', this.$element.hasClass('active')) if (changed) $input.trigger('change') } else { this.$element.attr('aria-pressed', !this.$element.hasClass('active')) this.$element.toggleClass('active') } } // BUTTON PLUGIN DEFINITION // ======================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.button') var options = typeof option == 'object' && option if (!data) $this.data('bs.button', (data = new Button(this, options))) if (option == 'toggle') data.toggle() else if (option) data.setState(option) }) } var old = $.fn.button $.fn.button = Plugin $.fn.button.Constructor = Button // BUTTON NO CONFLICT // ================== $.fn.button.noConflict = function () { $.fn.button = old return this } // BUTTON DATA-API // =============== $(document) .on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) { var $btn = $(e.target).closest('.btn') Plugin.call($btn, 'toggle') if (!($(e.target).is('input[type="radio"], input[type="checkbox"]'))) { // Prevent double click on radios, and the double selections (so cancellation) on checkboxes e.preventDefault() // The target component still receive the focus if ($btn.is('input,button')) $btn.trigger('focus') else $btn.find('input:visible,button:visible').first().trigger('focus') } }) .on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) { $(e.target).closest('.btn').toggleClass('focus', /^focus(in)?$/.test(e.type)) }) }(jQuery); /* ======================================================================== * Bootstrap: carousel.js v3.3.7 * http://getbootstrap.com/javascript/#carousel * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // CAROUSEL CLASS DEFINITION // ========================= var Carousel = function (element, options) { this.$element = $(element) this.$indicators = this.$element.find('.carousel-indicators') this.options = options this.paused = null this.sliding = null this.interval = null this.$active = null this.$items = null this.options.keyboard && this.$element.on('keydown.bs.carousel', $.proxy(this.keydown, this)) this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element .on('mouseenter.bs.carousel', $.proxy(this.pause, this)) .on('mouseleave.bs.carousel', $.proxy(this.cycle, this)) } Carousel.VERSION = '3.3.7' Carousel.TRANSITION_DURATION = 600 Carousel.DEFAULTS = { interval: 5000, pause: 'hover', wrap: true, keyboard: true } Carousel.prototype.keydown = function (e) { if (/input|textarea/i.test(e.target.tagName)) return switch (e.which) { case 37: this.prev(); break case 39: this.next(); break default: return } e.preventDefault() } Carousel.prototype.cycle = function (e) { e || (this.paused = false) this.interval && clearInterval(this.interval) this.options.interval && !this.paused && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) return this } Carousel.prototype.getItemIndex = function (item) { this.$items = item.parent().children('.item') return this.$items.index(item || this.$active) } Carousel.prototype.getItemForDirection = function (direction, active) { var activeIndex = this.getItemIndex(active) var willWrap = (direction == 'prev' && activeIndex === 0) || (direction == 'next' && activeIndex == (this.$items.length - 1)) if (willWrap && !this.options.wrap) return active var delta = direction == 'prev' ? -1 : 1 var itemIndex = (activeIndex + delta) % this.$items.length return this.$items.eq(itemIndex) } Carousel.prototype.to = function (pos) { var that = this var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active')) if (pos > (this.$items.length - 1) || pos < 0) return if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) // yes, "slid" if (activeIndex == pos) return this.pause().cycle() return this.slide(pos > activeIndex ? 'next' : 'prev', this.$items.eq(pos)) } Carousel.prototype.pause = function (e) { e || (this.paused = true) if (this.$element.find('.next, .prev').length && $.support.transition) { this.$element.trigger($.support.transition.end) this.cycle(true) } this.interval = clearInterval(this.interval) return this } Carousel.prototype.next = function () { if (this.sliding) return return this.slide('next') } Carousel.prototype.prev = function () { if (this.sliding) return return this.slide('prev') } Carousel.prototype.slide = function (type, next) { var $active = this.$element.find('.item.active') var $next = next || this.getItemForDirection(type, $active) var isCycling = this.interval var direction = type == 'next' ? 'left' : 'right' var that = this if ($next.hasClass('active')) return (this.sliding = false) var relatedTarget = $next[0] var slideEvent = $.Event('slide.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) this.$element.trigger(slideEvent) if (slideEvent.isDefaultPrevented()) return this.sliding = true isCycling && this.pause() if (this.$indicators.length) { this.$indicators.find('.active').removeClass('active') var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)]) $nextIndicator && $nextIndicator.addClass('active') } var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid" if ($.support.transition && this.$element.hasClass('slide')) { $next.addClass(type) $next[0].offsetWidth // force reflow $active.addClass(direction) $next.addClass(direction) $active .one('bsTransitionEnd', function () { $next.removeClass([type, direction].join(' ')).addClass('active') $active.removeClass(['active', direction].join(' ')) that.sliding = false setTimeout(function () { that.$element.trigger(slidEvent) }, 0) }) .emulateTransitionEnd(Carousel.TRANSITION_DURATION) } else { $active.removeClass('active') $next.addClass('active') this.sliding = false this.$element.trigger(slidEvent) } isCycling && this.cycle() return this } // CAROUSEL PLUGIN DEFINITION // ========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.carousel') var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) var action = typeof option == 'string' ? option : options.slide if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) if (typeof option == 'number') data.to(option) else if (action) data[action]() else if (options.interval) data.pause().cycle() }) } var old = $.fn.carousel $.fn.carousel = Plugin $.fn.carousel.Constructor = Carousel // CAROUSEL NO CONFLICT // ==================== $.fn.carousel.noConflict = function () { $.fn.carousel = old return this } // CAROUSEL DATA-API // ================= var clickHandler = function (e) { var href var $this = $(this) var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7 if (!$target.hasClass('carousel')) return var options = $.extend({}, $target.data(), $this.data()) var slideIndex = $this.attr('data-slide-to') if (slideIndex) options.interval = false Plugin.call($target, options) if (slideIndex) { $target.data('bs.carousel').to(slideIndex) } e.preventDefault() } $(document) .on('click.bs.carousel.data-api', '[data-slide]', clickHandler) .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler) $(window).on('load', function () { $('[data-ride="carousel"]').each(function () { var $carousel = $(this) Plugin.call($carousel, $carousel.data()) }) }) }(jQuery); /* ======================================================================== * Bootstrap: collapse.js v3.3.7 * http://getbootstrap.com/javascript/#collapse * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ /* jshint latedef: false */ +function ($) { 'use strict'; // COLLAPSE PUBLIC CLASS DEFINITION // ================================ var Collapse = function (element, options) { this.$element = $(element) this.options = $.extend({}, Collapse.DEFAULTS, options) this.$trigger = $('[data-toggle="collapse"][href="#' + element.id + '"],' + '[data-toggle="collapse"][data-target="#' + element.id + '"]') this.transitioning = null if (this.options.parent) { this.$parent = this.getParent() } else { this.addAriaAndCollapsedClass(this.$element, this.$trigger) } if (this.options.toggle) this.toggle() } Collapse.VERSION = '3.3.7' Collapse.TRANSITION_DURATION = 350 Collapse.DEFAULTS = { toggle: true } Collapse.prototype.dimension = function () { var hasWidth = this.$element.hasClass('width') return hasWidth ? 'width' : 'height' } Collapse.prototype.show = function () { if (this.transitioning || this.$element.hasClass('in')) return var activesData var actives = this.$parent && this.$parent.children('.panel').children('.in, .collapsing') if (actives && actives.length) { activesData = actives.data('bs.collapse') if (activesData && activesData.transitioning) return } var startEvent = $.Event('show.bs.collapse') this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return if (actives && actives.length) { Plugin.call(actives, 'hide') activesData || actives.data('bs.collapse', null) } var dimension = this.dimension() this.$element .removeClass('collapse') .addClass('collapsing')[dimension](0) .attr('aria-expanded', true) this.$trigger .removeClass('collapsed') .attr('aria-expanded', true) this.transitioning = 1 var complete = function () { this.$element .removeClass('collapsing') .addClass('collapse in')[dimension]('') this.transitioning = 0 this.$element .trigger('shown.bs.collapse') } if (!$.support.transition) return complete.call(this) var scrollSize = $.camelCase(['scroll', dimension].join('-')) this.$element .one('bsTransitionEnd', $.proxy(complete, this)) .emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize]) } Collapse.prototype.hide = function () { if (this.transitioning || !this.$element.hasClass('in')) return var startEvent = $.Event('hide.bs.collapse') this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return var dimension = this.dimension() this.$element[dimension](this.$element[dimension]())[0].offsetHeight this.$element .addClass('collapsing') .removeClass('collapse in') .attr('aria-expanded', false) this.$trigger .addClass('collapsed') .attr('aria-expanded', false) this.transitioning = 1 var complete = function () { this.transitioning = 0 this.$element .removeClass('collapsing') .addClass('collapse') .trigger('hidden.bs.collapse') } if (!$.support.transition) return complete.call(this) this.$element [dimension](0) .one('bsTransitionEnd', $.proxy(complete, this)) .emulateTransitionEnd(Collapse.TRANSITION_DURATION) } Collapse.prototype.toggle = function () { this[this.$element.hasClass('in') ? 'hide' : 'show']() } Collapse.prototype.getParent = function () { return $(this.options.parent) .find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]') .each($.proxy(function (i, element) { var $element = $(element) this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element) }, this)) .end() } Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) { var isOpen = $element.hasClass('in') $element.attr('aria-expanded', isOpen) $trigger .toggleClass('collapsed', !isOpen) .attr('aria-expanded', isOpen) } function getTargetFromTrigger($trigger) { var href var target = $trigger.attr('data-target') || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7 return $(target) } // COLLAPSE PLUGIN DEFINITION // ========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.collapse') var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) if (!data && options.toggle && /show|hide/.test(option)) options.toggle = false if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.collapse $.fn.collapse = Plugin $.fn.collapse.Constructor = Collapse // COLLAPSE NO CONFLICT // ==================== $.fn.collapse.noConflict = function () { $.fn.collapse = old return this } // COLLAPSE DATA-API // ================= $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) { var $this = $(this) if (!$this.attr('data-target')) e.preventDefault() var $target = getTargetFromTrigger($this) var data = $target.data('bs.collapse') var option = data ? 'toggle' : $this.data() Plugin.call($target, option) }) }(jQuery); /* ======================================================================== * Bootstrap: dropdown.js v3.3.7 * http://getbootstrap.com/javascript/#dropdowns * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // DROPDOWN CLASS DEFINITION // ========================= var backdrop = '.dropdown-backdrop' var toggle = '[data-toggle="dropdown"]' var Dropdown = function (element) { $(element).on('click.bs.dropdown', this.toggle) } Dropdown.VERSION = '3.3.7' function getParent($this) { var selector = $this.attr('data-target') if (!selector) { selector = $this.attr('href') selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 } var $parent = selector && $(selector) return $parent && $parent.length ? $parent : $this.parent() } function clearMenus(e) { if (e && e.which === 3) return $(backdrop).remove() $(toggle).each(function () { var $this = $(this) var $parent = getParent($this) var relatedTarget = { relatedTarget: this } if (!$parent.hasClass('open')) return if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) return $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) if (e.isDefaultPrevented()) return $this.attr('aria-expanded', 'false') $parent.removeClass('open').trigger($.Event('hidden.bs.dropdown', relatedTarget)) }) } Dropdown.prototype.toggle = function (e) { var $this = $(this) if ($this.is('.disabled, :disabled')) return var $parent = getParent($this) var isActive = $parent.hasClass('open') clearMenus() if (!isActive) { if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { // if mobile we use a backdrop because click events don't delegate $(document.createElement('div')) .addClass('dropdown-backdrop') .insertAfter($(this)) .on('click', clearMenus) } var relatedTarget = { relatedTarget: this } $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)) if (e.isDefaultPrevented()) return $this .trigger('focus') .attr('aria-expanded', 'true') $parent .toggleClass('open') .trigger($.Event('shown.bs.dropdown', relatedTarget)) } return false } Dropdown.prototype.keydown = function (e) { if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return var $this = $(this) e.preventDefault() e.stopPropagation() if ($this.is('.disabled, :disabled')) return var $parent = getParent($this) var isActive = $parent.hasClass('open') if (!isActive && e.which != 27 || isActive && e.which == 27) { if (e.which == 27) $parent.find(toggle).trigger('focus') return $this.trigger('click') } var desc = ' li:not(.disabled):visible a' var $items = $parent.find('.dropdown-menu' + desc) if (!$items.length) return var index = $items.index(e.target) if (e.which == 38 && index > 0) index-- // up if (e.which == 40 && index < $items.length - 1) index++ // down if (!~index) index = 0 $items.eq(index).trigger('focus') } // DROPDOWN PLUGIN DEFINITION // ========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.dropdown') if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) if (typeof option == 'string') data[option].call($this) }) } var old = $.fn.dropdown $.fn.dropdown = Plugin $.fn.dropdown.Constructor = Dropdown // DROPDOWN NO CONFLICT // ==================== $.fn.dropdown.noConflict = function () { $.fn.dropdown = old return this } // APPLY TO STANDARD DROPDOWN ELEMENTS // =================================== $(document) .on('click.bs.dropdown.data-api', clearMenus) .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown) .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown) }(jQuery); /* ======================================================================== * Bootstrap: modal.js v3.3.7 * http://getbootstrap.com/javascript/#modals * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // MODAL CLASS DEFINITION // ====================== var Modal = function (element, options) { this.options = options this.$body = $(document.body) this.$element = $(element) this.$dialog = this.$element.find('.modal-dialog') this.$backdrop = null this.isShown = null this.originalBodyPad = null this.scrollbarWidth = 0 this.ignoreBackdropClick = false if (this.options.remote) { this.$element .find('.modal-content') .load(this.options.remote, $.proxy(function () { this.$element.trigger('loaded.bs.modal') }, this)) } } Modal.VERSION = '3.3.7' Modal.TRANSITION_DURATION = 300 Modal.BACKDROP_TRANSITION_DURATION = 150 Modal.DEFAULTS = { backdrop: true, keyboard: true, show: true } Modal.prototype.toggle = function (_relatedTarget) { return this.isShown ? this.hide() : this.show(_relatedTarget) } Modal.prototype.show = function (_relatedTarget) { var that = this var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget }) this.$element.trigger(e) if (this.isShown || e.isDefaultPrevented()) return this.isShown = true this.checkScrollbar() this.setScrollbar() this.$body.addClass('modal-open') this.escape() this.resize() this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)) this.$dialog.on('mousedown.dismiss.bs.modal', function () { that.$element.one('mouseup.dismiss.bs.modal', function (e) { if ($(e.target).is(that.$element)) that.ignoreBackdropClick = true }) }) this.backdrop(function () { var transition = $.support.transition && that.$element.hasClass('fade') if (!that.$element.parent().length) { that.$element.appendTo(that.$body) // don't move modals dom position } that.$element .show() .scrollTop(0) that.adjustDialog() if (transition) { that.$element[0].offsetWidth // force reflow } that.$element.addClass('in') that.enforceFocus() var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget }) transition ? that.$dialog // wait for modal to slide in .one('bsTransitionEnd', function () { that.$element.trigger('focus').trigger(e) }) .emulateTransitionEnd(Modal.TRANSITION_DURATION) : that.$element.trigger('focus').trigger(e) }) } Modal.prototype.hide = function (e) { if (e) e.preventDefault() e = $.Event('hide.bs.modal') this.$element.trigger(e) if (!this.isShown || e.isDefaultPrevented()) return this.isShown = false this.escape() this.resize() $(document).off('focusin.bs.modal') this.$element .removeClass('in') .off('click.dismiss.bs.modal') .off('mouseup.dismiss.bs.modal') this.$dialog.off('mousedown.dismiss.bs.modal') $.support.transition && this.$element.hasClass('fade') ? this.$element .one('bsTransitionEnd', $.proxy(this.hideModal, this)) .emulateTransitionEnd(Modal.TRANSITION_DURATION) : this.hideModal() } Modal.prototype.enforceFocus = function () { $(document) .off('focusin.bs.modal') // guard against infinite focus loop .on('focusin.bs.modal', $.proxy(function (e) { if (document !== e.target && this.$element[0] !== e.target && !this.$element.has(e.target).length) { this.$element.trigger('focus') } }, this)) } Modal.prototype.escape = function () { if (this.isShown && this.options.keyboard) { this.$element.on('keydown.dismiss.bs.modal', $.proxy(function (e) { e.which == 27 && this.hide() }, this)) } else if (!this.isShown) { this.$element.off('keydown.dismiss.bs.modal') } } Modal.prototype.resize = function () { if (this.isShown) { $(window).on('resize.bs.modal', $.proxy(this.handleUpdate, this)) } else { $(window).off('resize.bs.modal') } } Modal.prototype.hideModal = function () { var that = this this.$element.hide() this.backdrop(function () { that.$body.removeClass('modal-open') that.resetAdjustments() that.resetScrollbar() that.$element.trigger('hidden.bs.modal') }) } Modal.prototype.removeBackdrop = function () { this.$backdrop && this.$backdrop.remove() this.$backdrop = null } Modal.prototype.backdrop = function (callback) { var that = this var animate = this.$element.hasClass('fade') ? 'fade' : '' if (this.isShown && this.options.backdrop) { var doAnimate = $.support.transition && animate this.$backdrop = $(document.createElement('div')) .addClass('modal-backdrop ' + animate) .appendTo(this.$body) this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) { if (this.ignoreBackdropClick) { this.ignoreBackdropClick = false return } if (e.target !== e.currentTarget) return this.options.backdrop == 'static' ? this.$element[0].focus() : this.hide() }, this)) if (doAnimate) this.$backdrop[0].offsetWidth // force reflow this.$backdrop.addClass('in') if (!callback) return doAnimate ? this.$backdrop .one('bsTransitionEnd', callback) .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : callback() } else if (!this.isShown && this.$backdrop) { this.$backdrop.removeClass('in') var callbackRemove = function () { that.removeBackdrop() callback && callback() } $.support.transition && this.$element.hasClass('fade') ? this.$backdrop .one('bsTransitionEnd', callbackRemove) .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : callbackRemove() } else if (callback) { callback() } } // these following methods are used to handle overflowing modals Modal.prototype.handleUpdate = function () { this.adjustDialog() } Modal.prototype.adjustDialog = function () { var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight this.$element.css({ paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '', paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : '' }) } Modal.prototype.resetAdjustments = function () { this.$element.css({ paddingLeft: '', paddingRight: '' }) } Modal.prototype.checkScrollbar = function () { var fullWindowWidth = window.innerWidth if (!fullWindowWidth) { // workaround for missing window.innerWidth in IE8 var documentElementRect = document.documentElement.getBoundingClientRect() fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left) } this.bodyIsOverflowing = document.body.clientWidth < fullWindowWidth this.scrollbarWidth = this.measureScrollbar() } Modal.prototype.setScrollbar = function () { var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10) this.originalBodyPad = document.body.style.paddingRight || '' if (this.bodyIsOverflowing) this.$body.css('padding-right', bodyPad + this.scrollbarWidth) } Modal.prototype.resetScrollbar = function () { this.$body.css('padding-right', this.originalBodyPad) } Modal.prototype.measureScrollbar = function () { // thx walsh var scrollDiv = document.createElement('div') scrollDiv.className = 'modal-scrollbar-measure' this.$body.append(scrollDiv) var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth this.$body[0].removeChild(scrollDiv) return scrollbarWidth } // MODAL PLUGIN DEFINITION // ======================= function Plugin(option, _relatedTarget) { return this.each(function () { var $this = $(this) var data = $this.data('bs.modal') var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) if (!data) $this.data('bs.modal', (data = new Modal(this, options))) if (typeof option == 'string') data[option](_relatedTarget) else if (options.show) data.show(_relatedTarget) }) } var old = $.fn.modal $.fn.modal = Plugin $.fn.modal.Constructor = Modal // MODAL NO CONFLICT // ================= $.fn.modal.noConflict = function () { $.fn.modal = old return this } // MODAL DATA-API // ============== $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { var $this = $(this) var href = $this.attr('href') var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) // strip for ie7 var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()) if ($this.is('a')) e.preventDefault() $target.one('show.bs.modal', function (showEvent) { if (showEvent.isDefaultPrevented()) return // only register focus restorer if modal will actually get shown $target.one('hidden.bs.modal', function () { $this.is(':visible') && $this.trigger('focus') }) }) Plugin.call($target, option, this) }) }(jQuery); /* ======================================================================== * Bootstrap: tooltip.js v3.3.7 * http://getbootstrap.com/javascript/#tooltip * Inspired by the original jQuery.tipsy by Jason Frame * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // TOOLTIP PUBLIC CLASS DEFINITION // =============================== var Tooltip = function (element, options) { this.type = null this.options = null this.enabled = null this.timeout = null this.hoverState = null this.$element = null this.inState = null this.init('tooltip', element, options) } Tooltip.VERSION = '3.3.7' Tooltip.TRANSITION_DURATION = 150 Tooltip.DEFAULTS = { animation: true, placement: 'top', selector: false, template: '', trigger: 'hover focus', title: '', delay: 0, html: false, container: false, viewport: { selector: 'body', padding: 0 } } Tooltip.prototype.init = function (type, element, options) { this.enabled = true this.type = type this.$element = $(element) this.options = this.getOptions(options) this.$viewport = this.options.viewport && $($.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : (this.options.viewport.selector || this.options.viewport)) this.inState = { click: false, hover: false, focus: false } if (this.$element[0] instanceof document.constructor && !this.options.selector) { throw new Error('`selector` option must be specified when initializing ' + this.type + ' on the window.document object!') } var triggers = this.options.trigger.split(' ') for (var i = triggers.length; i--;) { var trigger = triggers[i] if (trigger == 'click') { this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) } else if (trigger != 'manual') { var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin' var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout' this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) } } this.options.selector ? (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : this.fixTitle() } Tooltip.prototype.getDefaults = function () { return Tooltip.DEFAULTS } Tooltip.prototype.getOptions = function (options) { options = $.extend({}, this.getDefaults(), this.$element.data(), options) if (options.delay && typeof options.delay == 'number') { options.delay = { show: options.delay, hide: options.delay } } return options } Tooltip.prototype.getDelegateOptions = function () { var options = {} var defaults = this.getDefaults() this._options && $.each(this._options, function (key, value) { if (defaults[key] != value) options[key] = value }) return options } Tooltip.prototype.enter = function (obj) { var self = obj instanceof this.constructor ? obj : $(obj.currentTarget).data('bs.' + this.type) if (!self) { self = new this.constructor(obj.currentTarget, this.getDelegateOptions()) $(obj.currentTarget).data('bs.' + this.type, self) } if (obj instanceof $.Event) { self.inState[obj.type == 'focusin' ? 'focus' : 'hover'] = true } if (self.tip().hasClass('in') || self.hoverState == 'in') { self.hoverState = 'in' return } clearTimeout(self.timeout) self.hoverState = 'in' if (!self.options.delay || !self.options.delay.show) return self.show() self.timeout = setTimeout(function () { if (self.hoverState == 'in') self.show() }, self.options.delay.show) } Tooltip.prototype.isInStateTrue = function () { for (var key in this.inState) { if (this.inState[key]) return true } return false } Tooltip.prototype.leave = function (obj) { var self = obj instanceof this.constructor ? obj : $(obj.currentTarget).data('bs.' + this.type) if (!self) { self = new this.constructor(obj.currentTarget, this.getDelegateOptions()) $(obj.currentTarget).data('bs.' + this.type, self) } if (obj instanceof $.Event) { self.inState[obj.type == 'focusout' ? 'focus' : 'hover'] = false } if (self.isInStateTrue()) return clearTimeout(self.timeout) self.hoverState = 'out' if (!self.options.delay || !self.options.delay.hide) return self.hide() self.timeout = setTimeout(function () { if (self.hoverState == 'out') self.hide() }, self.options.delay.hide) } Tooltip.prototype.show = function () { var e = $.Event('show.bs.' + this.type) if (this.hasContent() && this.enabled) { this.$element.trigger(e) var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0]) if (e.isDefaultPrevented() || !inDom) return var that = this var $tip = this.tip() var tipId = this.getUID(this.type) this.setContent() $tip.attr('id', tipId) this.$element.attr('aria-describedby', tipId) if (this.options.animation) $tip.addClass('fade') var placement = typeof this.options.placement == 'function' ? this.options.placement.call(this, $tip[0], this.$element[0]) : this.options.placement var autoToken = /\s?auto?\s?/i var autoPlace = autoToken.test(placement) if (autoPlace) placement = placement.replace(autoToken, '') || 'top' $tip .detach() .css({ top: 0, left: 0, display: 'block' }) .addClass(placement) .data('bs.' + this.type, this) this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) this.$element.trigger('inserted.bs.' + this.type) var pos = this.getPosition() var actualWidth = $tip[0].offsetWidth var actualHeight = $tip[0].offsetHeight if (autoPlace) { var orgPlacement = placement var viewportDim = this.getPosition(this.$viewport) placement = placement == 'bottom' && pos.bottom + actualHeight > viewportDim.bottom ? 'top' : placement == 'top' && pos.top - actualHeight < viewportDim.top ? 'bottom' : placement == 'right' && pos.right + actualWidth > viewportDim.width ? 'left' : placement == 'left' && pos.left - actualWidth < viewportDim.left ? 'right' : placement $tip .removeClass(orgPlacement) .addClass(placement) } var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight) this.applyPlacement(calculatedOffset, placement) var complete = function () { var prevHoverState = that.hoverState that.$element.trigger('shown.bs.' + that.type) that.hoverState = null if (prevHoverState == 'out') that.leave(that) } $.support.transition && this.$tip.hasClass('fade') ? $tip .one('bsTransitionEnd', complete) .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : complete() } } Tooltip.prototype.applyPlacement = function (offset, placement) { var $tip = this.tip() var width = $tip[0].offsetWidth var height = $tip[0].offsetHeight // manually read margins because getBoundingClientRect includes difference var marginTop = parseInt($tip.css('margin-top'), 10) var marginLeft = parseInt($tip.css('margin-left'), 10) // we must check for NaN for ie 8/9 if (isNaN(marginTop)) marginTop = 0 if (isNaN(marginLeft)) marginLeft = 0 offset.top += marginTop offset.left += marginLeft // $.fn.offset doesn't round pixel values // so we use setOffset directly with our own function B-0 $.offset.setOffset($tip[0], $.extend({ using: function (props) { $tip.css({ top: Math.round(props.top), left: Math.round(props.left) }) } }, offset), 0) $tip.addClass('in') // check to see if placing tip in new offset caused the tip to resize itself var actualWidth = $tip[0].offsetWidth var actualHeight = $tip[0].offsetHeight if (placement == 'top' && actualHeight != height) { offset.top = offset.top + height - actualHeight } var delta = this.getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight) if (delta.left) offset.left += delta.left else offset.top += delta.top var isVertical = /top|bottom/.test(placement) var arrowDelta = isVertical ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight var arrowOffsetPosition = isVertical ? 'offsetWidth' : 'offsetHeight' $tip.offset(offset) this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], isVertical) } Tooltip.prototype.replaceArrow = function (delta, dimension, isVertical) { this.arrow() .css(isVertical ? 'left' : 'top', 50 * (1 - delta / dimension) + '%') .css(isVertical ? 'top' : 'left', '') } Tooltip.prototype.setContent = function () { var $tip = this.tip() var title = this.getTitle() $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) $tip.removeClass('fade in top bottom left right') } Tooltip.prototype.hide = function (callback) { var that = this var $tip = $(this.$tip) var e = $.Event('hide.bs.' + this.type) function complete() { if (that.hoverState != 'in') $tip.detach() if (that.$element) { // TODO: Check whether guarding this code with this `if` is really necessary. that.$element .removeAttr('aria-describedby') .trigger('hidden.bs.' + that.type) } callback && callback() } this.$element.trigger(e) if (e.isDefaultPrevented()) return $tip.removeClass('in') $.support.transition && $tip.hasClass('fade') ? $tip .one('bsTransitionEnd', complete) .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : complete() this.hoverState = null return this } Tooltip.prototype.fixTitle = function () { var $e = this.$element if ($e.attr('title') || typeof $e.attr('data-original-title') != 'string') { $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') } } Tooltip.prototype.hasContent = function () { return this.getTitle() } Tooltip.prototype.getPosition = function ($element) { $element = $element || this.$element var el = $element[0] var isBody = el.tagName == 'BODY' var elRect = el.getBoundingClientRect() if (elRect.width == null) { // width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093 elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top }) } var isSvg = window.SVGElement && el instanceof window.SVGElement // Avoid using $.offset() on SVGs since it gives incorrect results in jQuery 3. // See https://github.com/twbs/bootstrap/issues/20280 var elOffset = isBody ? { top: 0, left: 0 } : (isSvg ? null : $element.offset()) var scroll = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() } var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null return $.extend({}, elRect, scroll, outerDims, elOffset) } Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) { return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } : placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } : placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } : /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width } } Tooltip.prototype.getViewportAdjustedDelta = function (placement, pos, actualWidth, actualHeight) { var delta = { top: 0, left: 0 } if (!this.$viewport) return delta var viewportPadding = this.options.viewport && this.options.viewport.padding || 0 var viewportDimensions = this.getPosition(this.$viewport) if (/right|left/.test(placement)) { var topEdgeOffset = pos.top - viewportPadding - viewportDimensions.scroll var bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight if (topEdgeOffset < viewportDimensions.top) { // top overflow delta.top = viewportDimensions.top - topEdgeOffset } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { // bottom overflow delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset } } else { var leftEdgeOffset = pos.left - viewportPadding var rightEdgeOffset = pos.left + viewportPadding + actualWidth if (leftEdgeOffset < viewportDimensions.left) { // left overflow delta.left = viewportDimensions.left - leftEdgeOffset } else if (rightEdgeOffset > viewportDimensions.right) { // right overflow delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset } } return delta } Tooltip.prototype.getTitle = function () { var title var $e = this.$element var o = this.options title = $e.attr('data-original-title') || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) return title } Tooltip.prototype.getUID = function (prefix) { do prefix += ~~(Math.random() * 1000000) while (document.getElementById(prefix)) return prefix } Tooltip.prototype.tip = function () { if (!this.$tip) { this.$tip = $(this.options.template) if (this.$tip.length != 1) { throw new Error(this.type + ' `template` option must consist of exactly 1 top-level element!') } } return this.$tip } Tooltip.prototype.arrow = function () { return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')) } Tooltip.prototype.enable = function () { this.enabled = true } Tooltip.prototype.disable = function () { this.enabled = false } Tooltip.prototype.toggleEnabled = function () { this.enabled = !this.enabled } Tooltip.prototype.toggle = function (e) { var self = this if (e) { self = $(e.currentTarget).data('bs.' + this.type) if (!self) { self = new this.constructor(e.currentTarget, this.getDelegateOptions()) $(e.currentTarget).data('bs.' + this.type, self) } } if (e) { self.inState.click = !self.inState.click if (self.isInStateTrue()) self.enter(self) else self.leave(self) } else { self.tip().hasClass('in') ? self.leave(self) : self.enter(self) } } Tooltip.prototype.destroy = function () { var that = this clearTimeout(this.timeout) this.hide(function () { that.$element.off('.' + that.type).removeData('bs.' + that.type) if (that.$tip) { that.$tip.detach() } that.$tip = null that.$arrow = null that.$viewport = null that.$element = null }) } // TOOLTIP PLUGIN DEFINITION // ========================= function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.tooltip') var options = typeof option == 'object' && option if (!data && /destroy|hide/.test(option)) return if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.tooltip $.fn.tooltip = Plugin $.fn.tooltip.Constructor = Tooltip // TOOLTIP NO CONFLICT // =================== $.fn.tooltip.noConflict = function () { $.fn.tooltip = old return this } }(jQuery); /* ======================================================================== * Bootstrap: popover.js v3.3.7 * http://getbootstrap.com/javascript/#popovers * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // POPOVER PUBLIC CLASS DEFINITION // =============================== var Popover = function (element, options) { this.init('popover', element, options) } if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js') Popover.VERSION = '3.3.7' Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { placement: 'right', trigger: 'click', content: '', template: '' }) // NOTE: POPOVER EXTENDS tooltip.js // ================================ Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) Popover.prototype.constructor = Popover Popover.prototype.getDefaults = function () { return Popover.DEFAULTS } Popover.prototype.setContent = function () { var $tip = this.tip() var title = this.getTitle() var content = this.getContent() $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) $tip.find('.popover-content').children().detach().end()[ // we use append for html objects to maintain js events this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text' ](content) $tip.removeClass('fade top bottom left right in') // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do // this manually by checking the contents. if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide() } Popover.prototype.hasContent = function () { return this.getTitle() || this.getContent() } Popover.prototype.getContent = function () { var $e = this.$element var o = this.options return $e.attr('data-content') || (typeof o.content == 'function' ? o.content.call($e[0]) : o.content) } Popover.prototype.arrow = function () { return (this.$arrow = this.$arrow || this.tip().find('.arrow')) } // POPOVER PLUGIN DEFINITION // ========================= function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.popover') var options = typeof option == 'object' && option if (!data && /destroy|hide/.test(option)) return if (!data) $this.data('bs.popover', (data = new Popover(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.popover $.fn.popover = Plugin $.fn.popover.Constructor = Popover // POPOVER NO CONFLICT // =================== $.fn.popover.noConflict = function () { $.fn.popover = old return this } }(jQuery); /* ======================================================================== * Bootstrap: scrollspy.js v3.3.7 * http://getbootstrap.com/javascript/#scrollspy * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // SCROLLSPY CLASS DEFINITION // ========================== function ScrollSpy(element, options) { this.$body = $(document.body) this.$scrollElement = $(element).is(document.body) ? $(window) : $(element) this.options = $.extend({}, ScrollSpy.DEFAULTS, options) this.selector = (this.options.target || '') + ' .nav li > a' this.offsets = [] this.targets = [] this.activeTarget = null this.scrollHeight = 0 this.$scrollElement.on('scroll.bs.scrollspy', $.proxy(this.process, this)) this.refresh() this.process() } ScrollSpy.VERSION = '3.3.7' ScrollSpy.DEFAULTS = { offset: 10 } ScrollSpy.prototype.getScrollHeight = function () { return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight) } ScrollSpy.prototype.refresh = function () { var that = this var offsetMethod = 'offset' var offsetBase = 0 this.offsets = [] this.targets = [] this.scrollHeight = this.getScrollHeight() if (!$.isWindow(this.$scrollElement[0])) { offsetMethod = 'position' offsetBase = this.$scrollElement.scrollTop() } this.$body .find(this.selector) .map(function () { var $el = $(this) var href = $el.data('target') || $el.attr('href') var $href = /^#./.test(href) && $(href) return ($href && $href.length && $href.is(':visible') && [[$href[offsetMethod]().top + offsetBase, href]]) || null }) .sort(function (a, b) { return a[0] - b[0] }) .each(function () { that.offsets.push(this[0]) that.targets.push(this[1]) }) } ScrollSpy.prototype.process = function () { var scrollTop = this.$scrollElement.scrollTop() + this.options.offset var scrollHeight = this.getScrollHeight() var maxScroll = this.options.offset + scrollHeight - this.$scrollElement.height() var offsets = this.offsets var targets = this.targets var activeTarget = this.activeTarget var i if (this.scrollHeight != scrollHeight) { this.refresh() } if (scrollTop >= maxScroll) { return activeTarget != (i = targets[targets.length - 1]) && this.activate(i) } if (activeTarget && scrollTop < offsets[0]) { this.activeTarget = null return this.clear() } for (i = offsets.length; i--;) { activeTarget != targets[i] && scrollTop >= offsets[i] && (offsets[i + 1] === undefined || scrollTop < offsets[i + 1]) && this.activate(targets[i]) } } ScrollSpy.prototype.activate = function (target) { this.activeTarget = target this.clear() var selector = this.selector + '[data-target="' + target + '"],' + this.selector + '[href="' + target + '"]' var active = $(selector) .parents('li') .addClass('active') if (active.parent('.dropdown-menu').length) { active = active .closest('li.dropdown') .addClass('active') } active.trigger('activate.bs.scrollspy') } ScrollSpy.prototype.clear = function () { $(this.selector) .parentsUntil(this.options.target, '.active') .removeClass('active') } // SCROLLSPY PLUGIN DEFINITION // =========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.scrollspy') var options = typeof option == 'object' && option if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.scrollspy $.fn.scrollspy = Plugin $.fn.scrollspy.Constructor = ScrollSpy // SCROLLSPY NO CONFLICT // ===================== $.fn.scrollspy.noConflict = function () { $.fn.scrollspy = old return this } // SCROLLSPY DATA-API // ================== $(window).on('load.bs.scrollspy.data-api', function () { $('[data-spy="scroll"]').each(function () { var $spy = $(this) Plugin.call($spy, $spy.data()) }) }) }(jQuery); /* ======================================================================== * Bootstrap: tab.js v3.3.7 * http://getbootstrap.com/javascript/#tabs * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // TAB CLASS DEFINITION // ==================== var Tab = function (element) { // jscs:disable requireDollarBeforejQueryAssignment this.element = $(element) // jscs:enable requireDollarBeforejQueryAssignment } Tab.VERSION = '3.3.7' Tab.TRANSITION_DURATION = 150 Tab.prototype.show = function () { var $this = this.element var $ul = $this.closest('ul:not(.dropdown-menu)') var selector = $this.data('target') if (!selector) { selector = $this.attr('href') selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 } if ($this.parent('li').hasClass('active')) return var $previous = $ul.find('.active:last a') var hideEvent = $.Event('hide.bs.tab', { relatedTarget: $this[0] }) var showEvent = $.Event('show.bs.tab', { relatedTarget: $previous[0] }) $previous.trigger(hideEvent) $this.trigger(showEvent) if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return var $target = $(selector) this.activate($this.closest('li'), $ul) this.activate($target, $target.parent(), function () { $previous.trigger({ type: 'hidden.bs.tab', relatedTarget: $this[0] }) $this.trigger({ type: 'shown.bs.tab', relatedTarget: $previous[0] }) }) } Tab.prototype.activate = function (element, container, callback) { var $active = container.find('> .active') var transition = callback && $.support.transition && ($active.length && $active.hasClass('fade') || !!container.find('> .fade').length) function next() { $active .removeClass('active') .find('> .dropdown-menu > .active') .removeClass('active') .end() .find('[data-toggle="tab"]') .attr('aria-expanded', false) element .addClass('active') .find('[data-toggle="tab"]') .attr('aria-expanded', true) if (transition) { element[0].offsetWidth // reflow for transition element.addClass('in') } else { element.removeClass('fade') } if (element.parent('.dropdown-menu').length) { element .closest('li.dropdown') .addClass('active') .end() .find('[data-toggle="tab"]') .attr('aria-expanded', true) } callback && callback() } $active.length && transition ? $active .one('bsTransitionEnd', next) .emulateTransitionEnd(Tab.TRANSITION_DURATION) : next() $active.removeClass('in') } // TAB PLUGIN DEFINITION // ===================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.tab') if (!data) $this.data('bs.tab', (data = new Tab(this))) if (typeof option == 'string') data[option]() }) } var old = $.fn.tab $.fn.tab = Plugin $.fn.tab.Constructor = Tab // TAB NO CONFLICT // =============== $.fn.tab.noConflict = function () { $.fn.tab = old return this } // TAB DATA-API // ============ var clickHandler = function (e) { e.preventDefault() Plugin.call($(this), 'show') } $(document) .on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler) .on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler) }(jQuery); /* ======================================================================== * Bootstrap: affix.js v3.3.7 * http://getbootstrap.com/javascript/#affix * ======================================================================== * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // AFFIX CLASS DEFINITION // ====================== var Affix = function (element, options) { this.options = $.extend({}, Affix.DEFAULTS, options) this.$target = $(this.options.target) .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)) this.$element = $(element) this.affixed = null this.unpin = null this.pinnedOffset = null this.checkPosition() } Affix.VERSION = '3.3.7' Affix.RESET = 'affix affix-top affix-bottom' Affix.DEFAULTS = { offset: 0, target: window } Affix.prototype.getState = function (scrollHeight, height, offsetTop, offsetBottom) { var scrollTop = this.$target.scrollTop() var position = this.$element.offset() var targetHeight = this.$target.height() if (offsetTop != null && this.affixed == 'top') return scrollTop < offsetTop ? 'top' : false if (this.affixed == 'bottom') { if (offsetTop != null) return (scrollTop + this.unpin <= position.top) ? false : 'bottom' return (scrollTop + targetHeight <= scrollHeight - offsetBottom) ? false : 'bottom' } var initializing = this.affixed == null var colliderTop = initializing ? scrollTop : position.top var colliderHeight = initializing ? targetHeight : height if (offsetTop != null && scrollTop <= offsetTop) return 'top' if (offsetBottom != null && (colliderTop + colliderHeight >= scrollHeight - offsetBottom)) return 'bottom' return false } Affix.prototype.getPinnedOffset = function () { if (this.pinnedOffset) return this.pinnedOffset this.$element.removeClass(Affix.RESET).addClass('affix') var scrollTop = this.$target.scrollTop() var position = this.$element.offset() return (this.pinnedOffset = position.top - scrollTop) } Affix.prototype.checkPositionWithEventLoop = function () { setTimeout($.proxy(this.checkPosition, this), 1) } Affix.prototype.checkPosition = function () { if (!this.$element.is(':visible')) return var height = this.$element.height() var offset = this.options.offset var offsetTop = offset.top var offsetBottom = offset.bottom var scrollHeight = Math.max($(document).height(), $(document.body).height()) if (typeof offset != 'object') offsetBottom = offsetTop = offset if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element) if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element) var affix = this.getState(scrollHeight, height, offsetTop, offsetBottom) if (this.affixed != affix) { if (this.unpin != null) this.$element.css('top', '') var affixType = 'affix' + (affix ? '-' + affix : '') var e = $.Event(affixType + '.bs.affix') this.$element.trigger(e) if (e.isDefaultPrevented()) return this.affixed = affix this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null this.$element .removeClass(Affix.RESET) .addClass(affixType) .trigger(affixType.replace('affix', 'affixed') + '.bs.affix') } if (affix == 'bottom') { this.$element.offset({ top: scrollHeight - height - offsetBottom }) } } // AFFIX PLUGIN DEFINITION // ======================= function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.affix') var options = typeof option == 'object' && option if (!data) $this.data('bs.affix', (data = new Affix(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.affix $.fn.affix = Plugin $.fn.affix.Constructor = Affix // AFFIX NO CONFLICT // ================= $.fn.affix.noConflict = function () { $.fn.affix = old return this } // AFFIX DATA-API // ============== $(window).on('load', function () { $('[data-spy="affix"]').each(function () { var $spy = $(this) var data = $spy.data() data.offset = data.offset || {} if (data.offsetBottom != null) data.offset.bottom = data.offsetBottom if (data.offsetTop != null) data.offset.top = data.offsetTop Plugin.call($spy, data) }) }) }(jQuery); ================================================ FILE: app/public/lib/bootstrap/js/npm.js ================================================ // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. require('../../js/transition.js') require('../../js/alert.js') require('../../js/button.js') require('../../js/carousel.js') require('../../js/collapse.js') require('../../js/dropdown.js') require('../../js/modal.js') require('../../js/tooltip.js') require('../../js/popover.js') require('../../js/scrollspy.js') require('../../js/tab.js') require('../../js/affix.js') ================================================ FILE: app/public/lib/page/page.css ================================================ /*分页插件样式*/ /**width: 1180px; margin: 0 auto; text-align: center; */ .copot-page{width: 100%;color:#555555;font-size:12px;} #copot-page{padding: 10px 0; color: #a9a9a9;} .copot-page a{display:inline-block;padding:3px 8px;border:solid 1px #E7E7E7;border-radius:3px;margin-right:5px;text-decoration:none;font-size:12px;background:#fff; color: #a9a9a9;} .copot-page a:hover{background:#887FFE;color:#fff;} .copot-page a.nowPage{background:#887FFE;border:solid 1px #887FFE;color:#fff;} .copot-page .Page-search-span{margin:0 5px 0 15px;} .copot-page #Page-search{width:40px;height:28px;padding-left:10px;margin:0 3px;border:solid 1px #E7E7E7;} .copot-page #pageSearch{width:40px;height:28px;font-size:12px;border:solid 1px #887FFE;background:#887FFE;color:#fff;cursor:pointer; } ================================================ FILE: app/public/lib/page/page.js ================================================ /* eslint-disable */ function Page(json) { this.nowPage = parseInt(json.nowPage); //当前页 this.parent = json.parent; //分页内容所放的div元素 this.call = json.callback; this.totalCount = json.totalCount; this.pageSize = json.pageSize; this.totalPage = Math.ceil(this.totalCount / this.pageSize); //总页数 this.html = ""; this.setting = json.setting || { defaultPage: 5, //默认展示的页数 firstPageText: "首页", //第一页的字 （可以是：Home） prevPageText: "上一页", //上一页的字 nextPageText: "下一页", //下一页的字 lastPageText: "尾页" //尾页的字 }; this.centPage = Math.ceil(this.setting.defaultPage / 2); //中间页 this.init(); //初始化 } //初始化函数 Page.prototype.init = function () { this.parent.html(""); //清空 this.firstPage(); //首页 this.prevPageText(); //上一页 this.everyPage(); //分页 this.nextPage(); //下一页 this.lastPage(); //尾页 this.totalPageText(); //页数显示信息 this.parent.append(this.html); this.callback(); } //循环页数 Page.prototype.everyPage = function () { if (this.totalPage <= this.setting.defaultPage) { for (var i = 1; i <= this.totalPage; i++) { if (this.nowPage == i) { this.html += "" + i + ""; } else { this.html += "" + i + ""; } } } else { for (var i = 1; i <= this.setting.defaultPage; i++) { var page1 = this.nowPage - this.centPage + i; var page2 = this.totalPage - this.setting.defaultPage + i; if (this.nowPage < this.centPage) { if (this.nowPage == i) { this.html += "" + i + ""; } else { this.html += "" + i + ""; } } else if (this.nowPage > this.totalPage - this.centPage) { if (this.setting.defaultPage - (this.totalPage - this.nowPage) == i) { this.html += "" + this.nowPage + ""; } else { this.html += "" + page2 + ""; } } else { if (this.centPage == i) { this.html += "" + page1 + ""; } else { this.html += "" + page1 + ""; } } } } } //首页 Page.prototype.firstPage = function () { if (this.nowPage > this.centPage && this.totalPage >= this.setting.defaultPage + 1) { this.html += "" + this.setting.firstPageText + ""; } } //上一页 Page.prototype.prevPageText = function () { if (this.nowPage >= 2) { this.html += "" + this.setting.prevPageText + ""; } } //下一页 Page.prototype.nextPage = function () { if (this.totalPage - this.nowPage >= 1) { this.html += "" + this.setting.nextPageText + ""; } } //尾页 Page.prototype.lastPage = function () { if (this.totalPage - this.nowPage >= this.centPage && this.totalPage > this.setting.defaultPage) { this.html += "" + this.setting.lastPageText + ""; } } //总共页数 Page.prototype.totalPageText = function () { this.html += "共" + this.totalCount + "条记录 每页" + this.pageSize + "条 第" + this.nowPage + "页/共" + this.totalPage + "页"; } //点击分页执行的函数 Page.prototype.callback = function () { var This = this; //给每个a绑定事件 this.parent.find("a").bind("click", function () { window.scrollTo(0, 0) // Layer.loading({width:300,height:110,srcType:3,title:"正在加载中，请稍后..."}); This.parent.html(""); //清空 var nowPage = $(this).attr("href").substring(1); //写入分页 new Page({ parent: This.parent, nowPage: nowPage, totalPage: This.totalPage, pageSize: This.pageSize, totalCount: This.totalCount, setting: This.setting, callback: This.call }); This.call(nowPage, This.totalPage); //传参 return false; }); } ================================================ FILE: app/public/lib/popup/popup.css ================================================ /*layer-mobile-css*/ @keyframes popScaleShow{from{opacity: 0;}to{opacity: 1;}} @-webkit-keyframes popScaleShow{from{opacity: 0;}to{opacity: 1;}} @keyframes popScale{from{opacity: 0;transform:scale(0.5,0.5);}to{opacity: 1;transform:scale(1,1);}} @-webkit-keyframes popScale{from{opacity: 0;-webkit-transform:scale(0.5,0.5);}to{opacity: 1;-webkit-transform:scale(1,1);}} iframe { display: block;} .popup{width:100%;box-sizing:border-box;height:100%;position: fixed;left:0;top:0;z-index:100000;animation:popScaleShow 300ms linear;-webkit-animation:popScaleShow 300ms linear;} .popup .mask{width:100%;height:100%;position: absolute;left:0;top:0;background: rgba(0,0,0,.6);z-index:-1;} .popup .popup_main{position:fixed;left:50%;top:50%;min-width:350px;min-height:100px;overflow:hidden;max-width:90%!important; transform:translateX(-50%);-webkit-transform:translateX(-50%);background:transparent; } .maminContent{width:100%;height:100%;background: #fff;overflow: hidden;animation:popScale 300ms;-webkit-animation:popScale 300ms;} .popup .maskMain{background:rgba(0,0,0,.6);color:#fff;} .popup .header_poup{height:30px;padding-left:46px;margin-top:10px;line-height:50px;position: relative;font-size:16px;} .popup .header_poup span{display:block;width:15px;height:15px;cursor:pointer;background: url('/public/img/PopLayer-close.png') no-repeat top center;background-size:80% 80%;position: absolute;right:20px;top:15px;} .popup .header_poup i{width:25px;height:25px;display:inline-block;background: url('/public/img/icon-1.png') no-repeat center center;position: absolute; left:15px;top:10px; } .popup .header_poup i.icon-1{background: url('/public/img/icon-1.png') no-repeat center center;} .popup .header_poup i.icon-2{background: url('/public/img/icon-2.png') no-repeat center center;} .popup .header_poup i.icon-3{background: url('/public/img/icon-3.png') no-repeat center center;} .popup .content{line-height:25px;padding:30px 20px 10px 50px;color:#888;} .popup .footer{height:60px;width:100%;line-height: 40px;position: relative;margin-top:20px;padding-left:50px;padding-top: 0;background: #fff;} .popup .footer span{font-size:14px;height:35px;line-height:35px;cursor:pointer;display:inline-block;text-align:center;color:#4a4a4a;} .popup .footer .yes{padding:0px 25px;background: #ff4200;color:#fff;border-radius:5px;} .popup .footer .yes:hover, .popup .footer .yes5:hover{background:#ef6536;} .popup .footer .yes5{} .popup .footer .yesok{background:#ff4200;} .popup .footer .no{padding:0 15px;border:solid 1px #999;border-radius: 5px;margin-left:15px;} .popup .footer .no:hover{background:#e8e3e3;} .popup-hide .popup_main{min-width:100px;} .popup-hide .popup_main .content{line-height:50px;} .popup-hide .content{text-align:center;} .popup-loading{cursor: wait;} .popup-loading .popup_main{min-width:150px;height:60px;padding:0 15px 0 5px;} .popup-loading .popup_main .content{line-height:60px;} .popup-loading .popup_main .content:before{content: "";display: block;width:40px;height:60px;background: url('/public/img/loading.gif') no-repeat center center;float:left; background-size: 60%;margin-top:-15px; } .popup-loading .content{text-align:center;} .popup .html{line-height:25px;} .popup-iframe .popup_main{width:80%;height:80%;left:10%;top:10%;} .popup-iframe .popup_main .contentios{overflow-scrolling:touch;-webkit-overflow-scrolling:touch;overflow-y: scroll; } .popup .yesHtml{text-align:center;cursor:pointer;color:#f48e08;padding-top:15px;border-top:solid 1px #dcdcdc;} .popup .yesHtml:hover{color:#b76b07;} .popup .popup_main .content-no{padding-top:12px;padding-bottom:12px;line-height:25px;} .popup .popup_main .miss_popup{border-radius: 5px!important;color:#fff;} .popup .popup_main .miss_popup .content-no{padding-left:20px;color:#fff;} ================================================ FILE: app/public/lib/popup/popup.js ================================================ /* eslint-disable */ //构造函数 function PopLayer(){ this.setting={}; } /*extent json函数*/ PopLayer.prototype.extend=function(json1,json2){ var newJson=json1; for(var i in json1){ for( var j in json2){ newJson[j]=json2[j]; } } return newJson; } /*公共变量*/ PopLayer.prototype.varLiang=function(json){ this.setting={ time:2000, header:"信息", //头部信息 haveHeader:true, //是否显示头部 maskHide:true, //是否点击遮罩隐藏 closeBut:false, //是否需要关闭按钮 loadingImg:'loading-1', type:"msg", style:'', title:"请填写提示信息！", yesHtml:'', imgs:{ msg:'icon-1', error:'icon-2', success:'icon-3', }, yes:function(){}, callback:function(){}, }; if(json){ this.setting=this.extend(this.setting,json); //继承 } } /*页面层*/ PopLayer.prototype.customHtml=function(json){ this.varLiang(json); var str='
    '; str+=this.setting.maskHide?'
    ':'
    '; str+='
    '; if(this.setting.haveHeader){ str+=this.setting.closeBut?'
    '+this.setting.header+'
    ':'
    '+this.setting.header+'
    '; } str+='
    '+this.setting.html+'
    '; str+='
    '; addendHtml(str); middle(); //居中 this.setting.callback(); } /*iframe层*/ PopLayer.prototype.iframe=function(json){ win.showLoading(); this.varLiang(json); var str='
    '; str+=this.setting.maskHide?'
    ':'
    '; str+='
    '; if(this.setting.haveHeader){ str+=this.setting.closeBut?'
    '+this.setting.header+'
    ':'
    '+this.setting.header+'
    '; } var isIos=navigator.userAgent.indexOf('Mac OS X')>-1; var isIpad=navigator.userAgent.indexOf('iPad;')>-1; if(isIos || isIpad){ str+='
    '; }else{ str+='
    '; }; str+='
    '; if(this.setting.yesHtml){str+='
    '+this.setting.yesHtml+'
    ';} str+='
    '; addendHtml(str); var height=0; if(this.setting.yesHtml){ height=$('div.popup_main').height()-20; }else{ height=$('div.popup_main').height(); } if(this.setting.haveHeader){ $('div.content').css({height:(height-80)+'px'}); }else{ $('div.content').css({height:(height-50)+'px'}); }; var _this=this; /*横竖屏切换时执行*/ $(window).on('resize',function() { var heightTwo=0; if(_this.setting.yesHtml){ heightTwo=$('div.popup_main').height()-20; }else{ heightTwo=$('div.popup_main').height(); } if(_this.setting.haveHeader){ $('div.content').css({height:(heightTwo-80)+'px'}); }else{ $('div.content').css({height:(heightTwo-50)+'px'}); } }); setTimeout(function(){win.hideLoading();},1000); window.closeIframePopup=function(obj){ $(obj).parents('div.popup').remove(); if(json.callback){json.callback()} } } //信息层 PopLayer.prototype.alert=function(json){ this.varLiang(json); var str='
    '; str+=this.setting.maskHide?'
    ':'
    '; str+='
    '; if(this.setting.haveHeader){ str+=this.setting.closeBut?'
    \ '+this.setting.header+'
    ': '
    '+this.setting.header+'
    '; } str+='
    '+this.setting.title+'
    '; str+='
    确定
    '; str+='
    '; var This=this; addendHtml(str); $('span.yes').click(function(){ if(json.yes){ dosomePopup(this,This.setting.yes); }else{ closeThisPopup(this); } }); middle(); //居中 } //确认层 PopLayer.prototype.confirm=function(json){ this.varLiang(json); var This=this; var str='
    '; str+=this.setting.maskHide?'
    ':'
    '; str+='
    '; if(this.setting.haveHeader){ str+='
    '+this.setting.header+'
    '; } str+='
    '+this.setting.title+'
    '; str+='
    确定取消
    '; str+='
    '; addendHtml(str); $('span.yes').click(function(){ dosomePopup(this,This.setting.yes); }); $('span.no').click(function(){ dosomePopup(this,This.setting.no); }); middle(); //居中 } /*2s消失*/ PopLayer.prototype.miss=function(json){ this.varLiang(json); this.setting.haveHeader=true; var str='
    '; str+='
    '; str+='
    '+this.setting.title+'
    '; str+='
    '; addendHtml(str); middle(); //居中 return new Promise((res,ret)=>{ setTimeout(function(){ $('div.popup-hide').remove(); res(); },this.setting.time); }) } /*2s消失*/ PopLayer.prototype.missWaring=function(json){ this.varLiang(json); this.setting.haveHeader=true; var str='
    '; str+='
    '; str+='
    '+this.setting.title+'
    '; str+='
    '; addendHtml(str); middle(); //居中 return new Promise((res,ret)=>{ setTimeout(function(){ $('div.popup-hide').remove(); res(); },this.setting.time); }) } //加载层 PopLayer.prototype.loading=function(json){ this.varLiang(json); if(json.title){ this.setting.title= json.title; }else{ this.setting.title="加载中,请稍后..."; }; var str='
    '; str+='
    '; str+='
    '+this.setting.title+'
    '; str+='
    '; addendHtml(str); middle(); //居中 } /*关闭加载层*/ PopLayer.prototype.closeLoading=function(){ $('div.popup-loading').remove(); } /*关闭iframe层*/ PopLayer.prototype.closeIframe=function(){ $(".popup-iframe", parent.document).remove(); } /*确认回调函数*/ window.dosomePopup=function(obj,yes){ closeThisPopup(obj); yes(); } window.addendHtml=function(str){ if(!$('div.popup').length){ $('body').append(str); } } /*关闭遮罩*/ window.closeThisPopup=function(obj){ if($(obj).parents('div.popup').length){ $(obj).parents('div.popup').remove(); }else{ $(obj).remove(); } } //居中函数 window.middle=function(){ var main=$('div.popup_main'); main.css({marginTop:-main.height()/2-20+"px"}); } window.popup = new PopLayer(); ================================================ FILE: app/router/api.js ================================================ 'use strict'; module.exports = app => { const apiV1Router = app.router.namespace('/api/v1/'); const { controller, io, middleware } = app; const { files, team, application, assets, util, environment, email, build, commtask, logs, user, } = controller.api; // 校验用户是否登录中间件 const tokenRequired = middleware.tokenRequired(); // -----------------用户相关------------------ apiV1Router.get('set/token', user.setToken); // 用户登录 apiV1Router.post('user/login', user.login); // 用户注册 apiV1Router.post('user/register', user.register); // 退出登录 apiV1Router.get('user/logout', tokenRequired, user.logout); // 新增 | 编辑 apiV1Router.post('user/handle', tokenRequired, user.handle); // 获得用户列表 apiV1Router.get('user/getUserList', tokenRequired, user.getUserList); // 冻结解冻用户 apiV1Router.post('user/setStatus', tokenRequired, user.setStatus); // 删除用户 apiV1Router.post('user/delete', tokenRequired, user.delete); // --------------------------- 团队管理 -------------------------------- // get list apiV1Router.get('team/list', tokenRequired, team.list); // 新增 | 编辑 apiV1Router.post('team/handle', tokenRequired, team.handle); // 设置状态 apiV1Router.post('team/setStatus', tokenRequired, team.setStatus); // 删除 apiV1Router.post('team/delete', tokenRequired, team.delete); // --------------------------- 环境管理 -------------------------------- // get list apiV1Router.get('environment/list', tokenRequired, environment.list); // 新增 | 编辑 apiV1Router.post('environment/handle', tokenRequired, environment.handle); // 删除 apiV1Router.post('environment/delete', tokenRequired, environment.delete); // --------------------------- 应用管理 -------------------------------- // get list apiV1Router.get('application/list', tokenRequired, application.list); // get all apiV1Router.get('application/all', tokenRequired, application.all); // 新增 | 编辑 apiV1Router.post('application/handle', tokenRequired, application.handle); // 设置状态 apiV1Router.post('application/setStatus', tokenRequired, application.setStatus); // 删除 apiV1Router.post('application/delete', tokenRequired, application.delete); // 分配资产 apiV1Router.post('application/distribution', tokenRequired, application.distribution); // 获得单个应用详情 apiV1Router.get('application/itemdetail', tokenRequired, application.itemdetail); // 更新单个应用构建配置 apiV1Router.post('application/updateConfigs', tokenRequired, application.updateConfigs); // 绑定|取消 应用绑定的邮箱 apiV1Router.post('application/handleEmail', tokenRequired, application.handleEmail); // --------------------------- 资产管理 -------------------------------- // get list apiV1Router.get('assets/list', tokenRequired, assets.list); // get all apiV1Router.get('assets/all', tokenRequired, assets.all); // 新增 | 编辑 apiV1Router.post('assets/handle', tokenRequired, assets.handle); // 设置状态 apiV1Router.post('assets/setStatus', tokenRequired, assets.setStatus); // 删除 apiV1Router.post('assets/delete', tokenRequired, assets.delete); // --------------------------- 邮件管理 -------------------------------- // get list apiV1Router.get('email/list', tokenRequired, email.list); // 新增 | 编辑 apiV1Router.post('email/handle', tokenRequired, email.handle); // 设置状态 apiV1Router.post('email/setStatus', tokenRequired, email.setStatus); // 删除 apiV1Router.post('email/delete', tokenRequired, email.delete); // -------------------------- 脚本任务管理 ------------------------------ // get list apiV1Router.get('commtask/list', tokenRequired, commtask.list); // 新增 | 编辑 apiV1Router.post('commtask/handle', tokenRequired, commtask.handle); // 删除 apiV1Router.post('commtask/delete', tokenRequired, commtask.delete); // --------------------------shh sftp 交互------------------------------ // update files apiV1Router.post('files/updatefile', tokenRequired, files.updatefile); // add files apiV1Router.post('files/addfile', tokenRequired, files.addfile); // --------------------------工具方法------------------------------ // 获得ssh key apiV1Router.post('util/getAssetSshKey', tokenRequired, util.getAssetSshKey); // 执行shell任务 apiV1Router.post('util/handleShellTasks', tokenRequired, util.handleShellTasks); // -------------------------- build 构建 ------------------------------ // 生成构建配置 apiV1Router.post('build/generateBuildConfig', tokenRequired, build.generateBuildConfig); // 备份服务 apiV1Router.post('build/backupApplications', tokenRequired, build.backupApplications); // 构建应用 apiV1Router.post('build/buildApplicationed', tokenRequired, build.buildApplicationed); // 应用还原 apiV1Router.post('build/reductionApplications', tokenRequired, build.reductionApplications); // -------------------------- logs 构建 ------------------------------ apiV1Router.get('logs/list', tokenRequired, logs.list); // -------------------------- socket.io ------------------------------ // socket.io io.of('/').route('socket', io.controller.nsp.socket); }; ================================================ FILE: app/router/home.js ================================================ 'use strict'; module.exports = app => { const { router, controller } = app; const { web } = controller; // 首页 router.get('/', web.team); // 团队管理 router.get('/team', web.team); // 资产管理 router.get('/assets', web.assets); // 环境管理 router.get('/environment', web.environment); // 应用管理 router.get('/application', web.application); // 应用配置 router.get('/appconfig', web.appconfig); // 邮件管理 router.get('/emails', web.emails); // 应该构建 router.get('/build', web.build); // 开始构建 router.get('/buildprocess', web.buildprocess); // 资产构建 router.get('/assetsconfig', web.assetsconfig); // 脚本任务 router.get('/commtask', web.commtask); // 控制台 router.get('/console', web.console); // 构建日志 router.get('/logs', web.logs); // 应用还原 router.get('/reduction', web.reduction); // 用户管理 router.get('/user', web.user); // 用户登录 router.get('/login', web.login); }; ================================================ FILE: app/router.js ================================================ 'use strict'; module.exports = app => { require('./router/home')(app); require('./router/api')(app); }; ================================================ FILE: app/service/application.js ================================================ // 七牛JDK 'use strict'; const Service = require('egg').Service; class ApplicationService extends Service { // init 初始化 async list(pageNo, pageSize, team_code, environ_code, net_type, status, name) { pageSize = pageSize * 1; pageNo = pageNo * 1; const query = { $match: {} }; if (team_code) query.$match.team_code = team_code; if (environ_code) query.$match.environ_code = environ_code; if (net_type) query.$match.net_type = net_type * 1; if (status + '') query.$match.status = status * 1; if (name) query.$match.name = { $regex: new RegExp(name) }; const count = Promise.resolve(this.ctx.model.Application.count(query.$match).exec()); const datas = Promise.resolve( this.ctx.model.Application.aggregate([ query, { $lookup: { from: 'teams', localField: 'team_code', foreignField: 'code', as: 'teamlist', }, }, { $lookup: { from: 'environments', localField: 'environ_code', foreignField: 'code', as: 'environlist', }, }, { $project: { _id: 1, name: 1, teamlist: 1, assets_list: 1, email_list: 1, net_type: 1, status: 1, environlist: 1, team_code: 1, environ_code: 1, user_name: 1, code: 1, task_list: 1, }, }, { $skip: (pageNo - 1) * pageSize }, { $sort: { create_time: -1 } }, { $limit: pageSize }, ]).exec() ); const all = await Promise.all([ count, datas ]); const [ totalNum, datalist ] = all; return { datalist, totalNum, pageNo, }; } async all() { return this.ctx.model.Application.aggregate([ { $match: { status: 1 } }, { $project: { _id: 1, name: 1, assets_list: 1, }, }, { $sort: { count: -1 } }, ]).exec(); } // add | update async handle(json) { const { type, name, code, status, _id, team_code, environ_code, user_name } = json; let result = ''; if (type === 1) { // add const application = this.ctx.model.Application(); application.name = name; application.code = code; application.status = status; application.team_code = team_code; application.user_name = user_name; application.environ_code = environ_code; application.create_time = new Date(); result = await application.save(); } else if (type === 2) { // update result = await this.ctx.model.Application.update({ _id }, { $set: { name, code, status, team_code, environ_code, user_name } }, { multi: true }); } return result; } // 设置状态 async setStatus(json) { const { _id, status } = json; return await this.ctx.model.Application.update({ _id }, { $set: { status } }, { multi: true }); } // 删除 async delete(_id) { return await this.ctx.model.Application.remove({ _id }); } // 分配资产 async distribution(_id, assets_list = [], net_type) { net_type = net_type * 1; return await this.ctx.model.Application.update({ _id }, { $set: { assets_list, net_type } }, { multi: true }); } // 单个应用详情 async itemdetail(id) { return await this.ctx.model.Application.findOne({ _id: id, status: 1 }); } // 更新单个应用部署配置 async updateConfigs(id, tasklist) { return await this.ctx.model.Application.update( { _id: id }, { $set: { task_list: tasklist } }, { multi: true } ); } // 绑定|取消 应该绑定的邮箱 async handleEmail(id, emaillist) { return await this.ctx.model.Application.update( { _id: id }, { $set: { email_list: emaillist } }, { multi: true } ); } } module.exports = ApplicationService; ================================================ FILE: app/service/assets.js ================================================ // 七牛JDK 'use strict'; const Service = require('egg').Service; class AssetsService extends Service { // init 初始化 async list(pageNo, pageSize, team_code, assets_name, status) { pageSize = pageSize * 1; pageNo = pageNo * 1; const query = { $match: {} }; if (team_code) query.$match.team_code = team_code; if (assets_name) query.$match.name = { $regex: new RegExp(assets_name) }; if (status + '') query.$match.status = status * 1; const count = Promise.resolve(this.ctx.model.Assets.count(query.$match).exec()); const datas = Promise.resolve( this.ctx.model.Assets.aggregate([ query, { $lookup: { from: 'teams', localField: 'team_code', foreignField: 'code', as: 'teamlist', }, }, { $skip: (pageNo - 1) * pageSize }, { $sort: { create_time: -1 } }, { $limit: pageSize }, ]).exec() ); const all = await Promise.all([ count, datas ]); const [ totalNum, datalist ] = all; return { datalist, totalNum, pageNo, }; } async all() { return this.ctx.model.Assets.aggregate([ { $match: { status: 1 } }, { $lookup: { from: 'teams', localField: 'team_code', foreignField: 'code', as: 'teamlist', }, }, { $sort: { count: -1 } }, ]).exec(); } // add | update async handle(json) { const { type, name, code, status, _id, team_code, outer_ip, lan_ip, user, port, password, user_name } = json; let result = ''; if (type === 1) { // add const assets = this.ctx.model.Assets(); assets.name = name; assets.code = code; assets.status = status; assets.team_code = team_code; assets.outer_ip = outer_ip; assets.lan_ip = lan_ip; assets.user = user; assets.user_name = user_name; assets.port = port; assets.password = password; assets.create_time = new Date(); result = await assets.save(); } else if (type === 2) { // update result = await this.ctx.model.Assets.update( { _id }, { $set: { name, code, status, team_code, outer_ip, lan_ip, user, port, password, user_name } }, { multi: true } ); } return result; } // 设置状态 async setStatus(json) { const { _id, status } = json; return await this.ctx.model.Assets.update({ _id }, { $set: { status } }, { multi: true }); } // 删除 async delete(_id) { return await this.ctx.model.Assets.remove({ _id }); } } module.exports = AssetsService; ================================================ FILE: app/service/build.js ================================================ // 七牛JDK 'use strict'; const Service = require('egg').Service; const fs = require('fs'); const path = require('path'); class BuildService extends Service { // 生成构建配置 async generateBuildConfig(id, taskItem = {}, assetslist = [], user_name) { let file = ''; let paths = '/'; if (taskItem.shell_path && taskItem.shell_path.indexOf('/') > -1) { file = path.basename(taskItem.shell_path); paths = path.dirname(taskItem.shell_path); } else { throw new Error('shell脚本地址必须以/开头!'); } taskItem.shell_write_type = taskItem.shell_write_type ? parseInt(taskItem.shell_write_type) : 1; taskItem.shell_body = taskItem.shell_body.replace(/\r\n/g, '\n'); // 本地创建文件 if (taskItem.shell_write_type === 1) fs.writeFileSync(path.resolve(__dirname, '../tempFile/' + file), taskItem.shell_body); // 发布到相应服务器 const result = []; for (let i = 0; i < assetslist.length; i++) { result.push(this.genConfigsForSsh(paths, file, assetslist[i], taskItem)); } const data = await Promise.all(result); // add logs const json = { application_id: id, task_name: `${taskItem.task_name}任务-生成构建配置`, type: 3, isLoad: true, user_name, content: data || [], }; this.ctx.service.logs.addLogs(json); // 删除本地文件 if (taskItem.shell_write_type === 1) fs.unlinkSync(path.resolve(__dirname, '../tempFile/' + file)); return json; } // 脚本备份 async backupApplications(id, taskItem = {}, assetslist = [], user_name) { const bakList = []; const { project_path, backups_path } = taskItem; const backupDir = 'bak_' + this.app.format(new Date(), 'yyyy-MM-dd:hh:mm:ss'); const projectName = project_path ? project_path.split('/').splice(-1).join() : ''; const backupPath = `${backups_path}/${backupDir}/${projectName}`; for (let i = 0; i < assetslist.length; i++) { bakList.push(Promise.resolve(this.backUpProject(taskItem, assetslist[i], backupPath, backupDir))); } const result = await Promise.all(bakList); const json = { application_id: id, task_name: `${taskItem.task_name}任务-服务备份`, type: 2, isLoad: true, user_name, content: result || [], }; this.ctx.service.logs.addLogs(json); return json; } // 备份还原 async reductionApplications(id, taskItem = {}, assetslist = [], user_name) { let file = ''; let paths = '/'; if (taskItem.reduction_shell_path && taskItem.reduction_shell_path.indexOf('/') > -1) { file = path.basename(taskItem.reduction_shell_path); paths = path.dirname(taskItem.reduction_shell_path); } else { throw new Error('shell脚本地址必须以/开头!'); } taskItem.reduction_shell_write_type = taskItem.reduction_shell_write_type ? parseInt(taskItem.reduction_shell_write_type) : 1; taskItem.reduction_shell_body = taskItem.reduction_shell_body.replace(/\r\n/g, '\n'); // 本地创建文件 if (taskItem.reduction_shell_write_type === 1) fs.writeFileSync(path.resolve(__dirname, '../tempFile/' + file), taskItem.reduction_shell_body); // 发布到相应服务器 const result = []; for (let i = 0; i < assetslist.length; i++) { result.push(this.reductionProject(paths, file, assetslist[i], taskItem)); } const data = await Promise.all(result); // add logs const json = { application_id: id, task_name: `${taskItem.name}任务-备份还原`, type: 5, user_name, isLoad: true, content: data || [], }; this.ctx.service.logs.addLogs(json); // 删除本地文件 if (taskItem.reduction_shell_write_type === 1) fs.unlinkSync(path.resolve(__dirname, '../tempFile/' + file)); return json; } // 应用还原 reductionProject(paths, file, asstesItem, taskItem) { return new Promise((resolve, reject) => { const Client = require('ssh2-sftp-client'); const sftp = new Client(); sftp.connect({ host: asstesItem.outer_ip, port: asstesItem.port, username: asstesItem.user, password: asstesItem.password, }) .then(() => { return sftp.exists(paths); }) .then(data => { if (!data) return sftp.mkdir(paths, true); return 1; }) .then(() => { if (taskItem.reduction_shell_write_type === 1) { return sftp.fastPut(path.resolve(__dirname, '../tempFile/' + file), taskItem.reduction_shell_path); } else if (taskItem.reduction_shell_write_type === 2) { taskItem.reduction_shell_body = taskItem.reduction_shell_body.replace(/'/g, '"'); return this.exec(sftp, "echo '" + taskItem.reduction_shell_body + "' > " + taskItem.reduction_shell_path); } }) .then(data => { if (typeof (data) === 'string') { data = { data, code: 0, }; } if (data.code === 0) { const shell = taskItem.reduction_shell_opction ? `sh ${taskItem.reduction_shell_path} ${taskItem.reduction_shell_opction}` : `sh ${taskItem.reduction_shell_path}`; return this.exec(sftp, shell); } else if (data.code !== 0) { return data; } }) .then(data => { if (typeof (data) === 'string') { data = { data, code: 0, }; } resolve(Object.assign({}, data, { assets_name: asstesItem.assets_name || '', lan_ip: asstesItem.lan_ip || '', outer_ip: asstesItem.outer_ip || '', })); sftp.end(); }) .catch(err => { reject(err); }); }); } // 文件备份 async backUpProject(taskItem, assets, backupPath, backupDir) { const { outer_ip, port, user, password } = assets; const { project_path, backups_path } = taskItem; return new Promise((resolve, reject) => { const Client = require('ssh2-sftp-client'); const sftp = new Client(); sftp.connect({ host: outer_ip, username: user, port, password, }) .then(() => { const sh = `mkdir -p ${backups_path}/${backupDir} && cp -r ${project_path} ${backupPath}`; return this.exec(sftp, sh) || {}; }).then(data => { resolve(Object.assign({}, data, { assets_name: assets.name || '', lan_ip: assets.lan_ip || '', outer_ip: assets.outer_ip || '', backup_path: backupPath, project_path, })); sftp.end(); }) .catch(err => { reject(err); }); }); } // 上传文件 async genConfigsForSsh(paths, file, asstesItem, taskItem) { return new Promise((resolve, reject) => { const Client = require('ssh2-sftp-client'); const sftp = new Client(); sftp.connect({ host: asstesItem.outer_ip, port: asstesItem.port, username: asstesItem.user, password: asstesItem.password, }) .then(() => { return sftp.exists(paths); }) .then(data => { if (!data) return sftp.mkdir(paths, true); return 1; }) .then(() => { if (taskItem.shell_write_type === 1) { return sftp.fastPut(path.resolve(__dirname, '../tempFile/' + file), taskItem.shell_path); } else if (taskItem.shell_write_type === 2) { taskItem.shell_body = taskItem.shell_body.replace(/'/g, '"'); return this.exec(sftp, "echo '" + taskItem.shell_body + "' > " + taskItem.shell_path); } }) .then(data => { if (typeof (data) === 'string') { data = { data, code: 0, }; } resolve(Object.assign({}, data, { assets_name: asstesItem.name || '', lan_ip: asstesItem.lan_ip || '', outer_ip: asstesItem.outer_ip || '', })); sftp.end(); }) .catch(err => { reject(err); }); }); } // 执行shell任务 exec(sftp, shell) { return new Promise((resolve, reject) => { let str = ''; sftp.client.exec(shell, (err, stream) => { if (err) { reject(err); return; } stream.on('close', code => { return resolve({ data: str, shell, code, }); }).on('data', data => { str += data; }).stderr.on('data', data => { str += data; }); }); return undefined; }); } } module.exports = BuildService; ================================================ FILE: app/service/commtask.js ================================================ // 七牛JDK 'use strict'; const Service = require('egg').Service; const fs = require('fs'); const path = require('path'); class CommtaskService extends Service { // init 初始化 async list() { return await this.ctx.model.Commtask .find() .sort({ create_time: -1 }) .exec() || []; } // add | update async handle(query) { let { _id, name, type, btn_color, is_plain, shell_body, handletype, shell_opction, shell_path, shell_write_type, user_name } = query; handletype = handletype * 1; let result = ''; if (handletype === 1) { // add const commtask = this.ctx.model.Commtask(); commtask.name = name; commtask.type = type; commtask.btn_color = btn_color; commtask.is_plain = is_plain; commtask.user_name = user_name; commtask.shell_body = shell_body; commtask.shell_opction = shell_opction; commtask.shell_path = shell_path; commtask.shell_write_type = shell_write_type || 1; commtask.create_time = new Date(); result = await commtask.save(); } else if (handletype === 2) { // update result = await this.ctx.model.Commtask.update( { _id }, { $set: { name, type, btn_color, is_plain, shell_body, shell_opction, shell_path, shell_write_type, user_name } }, { multi: true } ); } return result; } // 删除 async delete(id) { return await this.ctx.model.Commtask.remove({ _id: id }); } // init 初始化 async generateBuildConfig(id, item, assetslist = []) { let file = ''; let paths = '/'; if (item.shell_path && item.shell_path.indexOf('/') > -1) { file = path.basename(item.shell_path); paths = path.dirname(item.shell_path); } else { throw new Error('shell脚本地址必须以/开头!'); } // 本地创建文件 fs.writeFileSync(path.resolve(__dirname, '../tempFile/' + file), item.shell_body); const result = []; for (let i = 0; i < assetslist.length; i++) { result.push(this.service.util.genConfigsForSsh({ paths, file, host: assetslist[i].outer_ip, port: assetslist[i].port, username: assetslist[i].user, password: assetslist[i].password, shell_path: item.shell_path, })); } await Promise.all(result); // 删除 fs.unlinkSync(path.resolve(__dirname, '../tempFile/' + file)); return {}; } } module.exports = CommtaskService; ================================================ FILE: app/service/console.js ================================================ // 七牛JDK 'use strict'; const Service = require('egg').Service; const ssh2 = require('../util/ssh2'); const path = require('path'); class ConsoleService extends Service { // 获得服务器的ssh key async getAssetSshKey(query) { const type = query.type * 1; const email = query.email; await ssh2.init(query); let result = ''; if (type === 1) { // get ssh key result = await ssh2.exec('cat ~/.ssh/id_rsa.pub'); } else if (type === 2) { // add new ssh key await ssh2.exec(`echo y | ssh-keygen -t rsa -P '' -f ~/.ssh/id_rsa -C "${email}"`); result = await ssh2.exec('cat ~/.ssh/id_rsa.pub'); } ssh2.end(); return result; } // 执行shell任务 // 安装git环境 async handleShellTasks(query) { const { shell_body } = query; // 窗口运行命令 await ssh2.init(query); const result = await ssh2.exec(shell_body); ssh2.end(); return { result, }; } // 上传文件 async genConfigsForSsh(query) { const { paths, file, host, port, username, password, shell_path } = query; return new Promise((resolve, reject) => { const Client = require('ssh2-sftp-client'); const sftp = new Client(); sftp.connect({ host, port, username, password, }) .then(() => { return sftp.exists(paths); }) .then(data => { if (!data) return sftp.mkdir(paths, true); return 1; }) .then(() => { return sftp.fastPut(path.resolve(__dirname, '../tempFile/' + file), shell_path); }) .then(() => { resolve(1); sftp.end(); }) .catch(err => { reject(err); }); }); } } module.exports = ConsoleService; ================================================ FILE: app/service/email.js ================================================ // 七牛JDK 'use strict'; const Service = require('egg').Service; class EmailService extends Service { // init 初始化 async list(pageNo, pageSize, status) { pageSize = pageSize * 1; pageNo = pageNo * 1; const query = {}; if (status) query.status = status * 1; const count = Promise.resolve(this.ctx.model.Email.count(query).exec()); const datas = Promise.resolve( this.ctx.model.Email.find(query) .skip((pageNo - 1) * pageSize) .limit(pageSize) .sort({ create_time: -1 }) .exec() ); const all = await Promise.all([ count, datas ]); const [ totalNum, datalist ] = all; return { datalist, totalNum, pageNo, }; } // add | update async handle(json) { const { type, name, email, status, id } = json; let result = ''; if (type === 1) { // add const emails = this.ctx.model.Email(); emails.name = name; emails.email = email; emails.status = status; emails.create_time = new Date(); result = await emails.save(); } else if (type === 2) { // update result = await this.ctx.model.Email.update({ _id: id }, { $set: { name, email, status } }, { multi: true }); } return result; } // 设置状态 async setStatus(json) { const { id, status } = json; return await this.ctx.model.Email.update({ _id: id }, { $set: { status } }, { multi: true }); } // 删除 async delete(id) { return await this.ctx.model.Email.remove({ _id: id }); } } module.exports = EmailService; ================================================ FILE: app/service/environment.js ================================================ // 七牛JDK 'use strict'; const Service = require('egg').Service; class EnvironmentService extends Service { // init 初始化 async list(pageNo, pageSize) { pageSize = pageSize * 1; pageNo = pageNo * 1; const count = Promise.resolve(this.ctx.model.Environment.count().exec()); const datas = Promise.resolve( this.ctx.model.Environment.find() .skip((pageNo - 1) * pageSize) .limit(pageSize) .exec() ); const all = await Promise.all([ count, datas ]); const [ totalNum, datalist ] = all; return { datalist, totalNum, pageNo, }; } // add | update async handle(json) { const { type, name, code, id } = json; let result = ''; if (type === 1) { // add const environment = this.ctx.model.Environment(); environment.name = name; environment.code = code; environment.create_time = new Date(); result = await environment.save(); } else if (type === 2) { // update result = await this.ctx.model.Environment.update({ _id: id }, { $set: { name, code } }, { multi: true }); } return result; } // 删除 async delete(id) { return await this.ctx.model.Environment.remove({ _id: id }); } } module.exports = EnvironmentService; ================================================ FILE: app/service/files.js ================================================ // 七牛JDK 'use strict'; const Service = require('egg').Service; const path = require('path'); const fs = require('fs'); const util = require('../util/utils'); class FilesService extends Service { // add files async addfile(filename, content, remotePath) { // 中转站文件夹 const file = path.resolve(__dirname, '../transferdir', filename); fs.writeFileSync(file, content); remotePath = util.isDirEnd(remotePath) ? `${remotePath}${filename}` : `${remotePath}/${filename}`; await this.ctx.service.sftp.fastPut(file, remotePath); fs.unlinkSync(file); return {}; } // update files async updatefile(filename, content) { content = content.replace(/;/g, '\;'); content = content.replace(/"/g, '\''); await this.ctx.service.ssh2.exec(`echo -e "${content}" > ${filename}`); } } module.exports = FilesService; ================================================ FILE: app/service/logs.js ================================================ // 七牛JDK 'use strict'; const Service = require('egg').Service; class LogsService extends Service { // add logs async addLogs(json = {}) { const { task_name, application_id, commtask_id, type, content, date, user_name } = json; const logs = this.ctx.model.Logs(); logs.name = task_name || ''; logs.type = type || ''; logs.content = content || ''; logs.application_id = application_id || ''; logs.commtask_id = commtask_id || ''; logs.user_name = user_name || ''; logs.create_time = date ? new Date(date) : new Date(); return await logs.save(); } // get list async list(pageNo, pageSize, type, name, application_id) { pageSize = pageSize * 1; pageNo = pageNo * 1; type = type * 1; const query = { type }; if (name) query.name = { $regex: new RegExp(name) }; if (application_id) query.application_id = application_id; const count = Promise.resolve(this.ctx.model.Logs.count(query).exec()); const datas = Promise.resolve( this.ctx.model.Logs.find(query) .skip((pageNo - 1) * pageSize) .limit(pageSize) .sort({ create_time: -1 }) .exec() ); const all = await Promise.all([ count, datas ]); const [ totalNum, datalist ] = all; return { datalist, totalNum, pageNo, }; } } module.exports = LogsService; ================================================ FILE: app/service/qiniu.js ================================================ // 七牛JDK 'use strict'; const Service = require('egg').Service; const qiniu = require('qiniu'); class QiniuService extends Service { init(){ const qiniuConfig = this.app.config.qiniu || {}; this.bucket = qiniuConfig.bucket; this.mac = new qiniu.auth.digest.Mac(qiniuConfig.ACCESS_KEY, qiniuConfig.SECRET_KEY); } //构建上传策略函数 getToken(key) { this.init(); const putPolicy = new qiniu.rs.PutPolicy({ scope: this.bucket, expires: 7200 }); const uploadToken = putPolicy.uploadToken(this.mac); return uploadToken; } getKey(num = 15){ return this.app.randomString(num); } //调用uploadFile上传 async upload(filePath) { filePath = filePath || '' //生成上传 Token let token = this.getToken(); //要上传文件的本地路径 let key = this.getKey(); let imgs = await this.uploadFile(token, key, filePath) return imgs } // 上传文件 uploadFile(uptoken, key, localFile) { var extra = new qiniu.io.PutExtra(); return new Promise((resolve, reject) => { qiniu.io.putFile(uptoken, key, localFile, extra, function (err, ret) { if (!err) { // 上传成功， 处理返回值 resolve(ret.key) } else { // 上传失败， 处理返回代码 reject(err) } }); }); } } module.exports = QiniuService; ================================================ FILE: app/service/team.js ================================================ // 七牛JDK 'use strict'; const Service = require('egg').Service; class TeamService extends Service { // init 初始化 async list(pageNo, pageSize, status) { pageSize = pageSize * 1; pageNo = pageNo * 1; const query = {}; if (status) query.status = status * 1; const count = Promise.resolve(this.ctx.model.Team.count(query).exec()); const datas = Promise.resolve( this.ctx.model.Team.find(query) .skip((pageNo - 1) * pageSize) .limit(pageSize) .sort({ create_time: -1 }) .exec() ); const all = await Promise.all([ count, datas ]); const [ totalNum, datalist ] = all; return { datalist, totalNum, pageNo, }; } // add | update async handle(json) { const { type, name, code, status, _id } = json; let result = ''; if (type === 1) { // add const team = this.ctx.model.Team(); team.name = name; team.code = code; team.status = status; team.create_time = new Date(); result = await team.save(); } else if (type === 2) { // update result = await this.ctx.model.Team.update({ _id }, { $set: { name, code, status } }, { multi: true }); } return result; } // 设置状态 async setStatus(json) { const { _id, status } = json; return await this.ctx.model.Team.update({ _id }, { $set: { status } }, { multi: true }); } // 删除 async delete(_id) { return await this.ctx.model.Team.remove({ _id }); } } module.exports = TeamService; ================================================ FILE: app/service/user.js ================================================ 'use strict'; const crypto = require('crypto'); const Service = require('egg').Service; class UserService extends Service { // 用户登录 async login(userName, passWord) { // 检测用户是否存在 const userInfo = await this.getUserInfoForUserName(userName) || {}; if (!userInfo.token) throw new Error('用户名不存在！'); const newPwd = crypto.createHmac('sha256', passWord) .update(this.app.config.user_pwd_salt_addition) .digest('hex'); if (userInfo.pass_word !== newPwd) throw new Error('用户密码不正确！'); if (userInfo.status !== 1) throw new Error('用户被冻结不能登录，请联系管理员！'); // 清空以前的登录态 if (userInfo.usertoken) this.app.redis.set(`${userInfo.usertoken}_user_login`, ''); // 设置新的redis登录态 const random_key = this.app.randomString(); this.app.redis.set(`${random_key}_user_login`, JSON.stringify(userInfo), 'EX', this.app.config.user_login_timeout); // 设置登录cookie this.ctx.cookies.set('usertoken', random_key, { maxAge: this.app.config.user_login_timeout * 1000, httpOnly: true, encrypt: true, signed: true, }); // 更新用户信息 await this.updateUserToken({ username: userName, usertoken: random_key }); userInfo.pass_word = ''; return userInfo; } // 登出 logout(usertoken) { this.ctx.cookies.set('usertoken', ''); this.app.redis.set(`${usertoken}_user_login`, ''); return {}; } // 用户注册 async register(userName, passWord) { if (!userName || userName !== 'admin') throw new Error('请使用admin账号进行注册！'); // 检测用户是否存在 const userInfo = await this.getUserInfoForUserName(userName); if (userInfo.token) throw new Error('用户注册：用户已存在！'); const newPwd = crypto.createHmac('sha256', passWord) .update(this.app.config.user_pwd_salt_addition) .digest('hex'); // 新增用户 const token = this.app.randomString(); const user = this.ctx.model.User(); user.user_name = userName; user.pass_word = newPwd; user.token = token; user.usertoken = token; user.create_time = new Date(); const result = await user.save() || {}; result.pass_word = ''; // 设置redis登录态 this.app.redis.set(`${token}_user_login`, JSON.stringify(result), 'EX', this.app.config.user_login_timeout); // 设置登录cookie this.ctx.cookies.set('usertoken', token, { maxAge: this.app.config.user_login_timeout * 1000, httpOnly: true, encrypt: true, signed: true, }); return result; } // 根据用户名称查询用户信息 async getUserInfoForUserName(userName) { return await this.ctx.model.User.findOne({ user_name: userName }).exec() || {}; } // 查询用户列表信息（分页） async getUserList(pageNo, pageSize, userName) { pageNo = pageNo * 1; pageSize = pageSize * 1; const query = {}; if (userName) query.user_name = userName; const count = Promise.resolve(this.ctx.model.User.count(query).exec()); const datas = Promise.resolve( this.ctx.model.User.find(query).skip((pageNo - 1) * pageSize) .limit(pageSize) .exec() ); const all = await Promise.all([ count, datas ]); const [ totalNum, datalist ] = all; return { datalist, totalNum, pageNo, }; } // add | update async handle(json) { const { type, user_name, pass_word, status, _id } = json; let newPwd = ''; if (type === 1 || type === 3) { newPwd = crypto.createHmac('sha256', pass_word) .update(this.app.config.user_pwd_salt_addition) .digest('hex'); } const token = this.app.randomString(); let result = ''; if (type === 1) { // add const user = this.ctx.model.User(); user.user_name = user_name; user.pass_word = newPwd; user.status = status; user.token = token; user.usertoken = token; user.create_time = new Date(); result = await user.save(); } else if (type === 2 || type === 3) { const json = {}; if (user_name) json.user_name = user_name; if (newPwd) json.pass_word = newPwd; if (status + '') json.status = status; // update result = await this.ctx.model.User.update( { _id }, { $set: json }, { multi: true } ); } return result; } // 通过redis登录key获取用户信息 async getUserInfoForUsertoken(usertoken) { return this.app.redis.get(`${usertoken}_user_login`) || {}; } // 设置状态 async setStatus(json) { const { _id, status, usertoken } = json; const result = await this.ctx.model.User.update({ _id }, { $set: { status } }, { multi: true }); // 清空登录态 this.app.redis.set(`${usertoken}_user_login`, ''); return result; } // 删除用户 async delete(id, usertoken) { // 删除 const result = await this.ctx.model.User.findOneAndRemove({ _id: id }).exec(); // 清空登录态 if (usertoken) this.app.redis.set(`${usertoken}_user_login`, ''); return result; } // 更新用户登录态随机数 async updateUserToken(opt) { const query = {}; if (opt.username) { query.user_name = opt.username; } else if (opt.token) { query.token = opt.token; } const result = await this.ctx.model.User.update( query, { usertoken: opt.usertoken }, { multi: true } ).exec(); return result; } // 根据token查询用户信息 async finUserForToken(usertoken) { let user_info = await this.app.redis.get(`${usertoken}_user_login`); if (user_info) { user_info = JSON.parse(user_info); if (user_info.status !== 1) return { desc: '用户被冻结不能登录，请联系管理员！' }; } else { return null; } return await this.ctx.model.User.findOne({ token: user_info.token }).exec(); } // 根据github node_id 获得用户是否已存在 async getUserInfoForGithubId(id) { return await this.ctx.model.User.findOne({ token: id }).exec() || {}; } } module.exports = UserService; ================================================ FILE: app/service/util.js ================================================ // 七牛JDK 'use strict'; const Service = require('egg').Service; const ssh2 = require('../util/ssh2'); const path = require('path'); class UtilService extends Service { // 获得服务器的ssh key async getAssetSshKey(query) { const type = query.type * 1; const email = query.email; await ssh2.init(query); let result = ''; if (type === 1) { // get ssh key result = await ssh2.exec('cat ~/.ssh/id_rsa.pub'); } else if (type === 2) { // add new ssh key await ssh2.exec(`echo y | ssh-keygen -t rsa -P '' -f ~/.ssh/id_rsa -C "${email}"`); result = await ssh2.exec('cat ~/.ssh/id_rsa.pub'); } ssh2.end(); return result; } // 执行shell任务 // 安装git环境 async handleShellTasks(query) { const { shell_body } = query; // 窗口运行命令 await ssh2.init(query); const result = await ssh2.exec(shell_body); ssh2.end(); return { result, }; } // 上传文件 async genConfigsForSsh(query) { const { paths, file, host, port, username, password, shell_path } = query; return new Promise((resolve, reject) => { const Client = require('ssh2-sftp-client'); const sftp = new Client(); sftp.connect({ host, port, username, password, }) .then(() => { return sftp.exists(paths); }) .then(data => { if (!data) return sftp.mkdir(paths, true); return 1; }) .then(() => { return sftp.fastPut(path.resolve(__dirname, '../tempFile/' + file), shell_path); }) .then(() => { resolve(1); sftp.end(); }) .catch(err => { reject(err); }); }); } } module.exports = UtilService; ================================================ FILE: app/tempFile/install-node.sh ================================================ #!/bin/bash wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | NVM_DIR=/usr/local/nvm bash export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/dist echo "export NVM_DIR="/usr/local/nvm"" >> /etc/bashrc echo "[ -s "\$NVM_DIR/nvm.sh" ] && \. "\$NVM_DIR/nvm.sh" " >> /etc/bashrc echo "export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/dist" >> /etc/bashrc source /etc/bashrc source ~/.bash_profile source /etc/bashrc source ~/.bash_profile nvm install 10.15.3 nvm alias default v10.15.3 nvm use 10.15.3 ================================================ FILE: app/util/sftp.js ================================================ // 七牛JDK 'use strict'; const Client = require('ssh2-sftp-client'); const servers = new Client(); const sftp = {}; class Sftp { constructor() { this.host = ''; this.port = ''; this.username = ''; this.password = ''; } // init 初始化 async init(json = {}) { this.host = json.host; this.port = json.port; this.username = json.username; this.password = json.password; await this.connectStatus(); } async connectStatus() { if (!sftp[this.host]) { sftp[this.host] = await this.connect(); const loop = () => { sftp[this.host] = null; }; servers.on('end', loop); servers.on('error', loop); } } async connect() { return new Promise(resolve => { servers.connect({ host: this.host, port: this.port, username: this.username, password: this.password, }).then(async () => { resolve(servers); // const result = await sftp.list('/data/down'); // await sftp.fastGet('/data/performance/config/*.js', path.resolve(__dirname,'../../download/*.js')); // await sftp.mkdir('/data/down', false); // await sftp.fastPut(path.resolve(__dirname, '../../config/config.default.js'), '/data/down/config.default.js') }); }); } // 查看文件列表 async list(remoteFilePath) { await this.connectStatus(); return await sftp[this.host].list(remoteFilePath); } // 获得单个文件内容 async get(remoteFilePath) { await this.connectStatus(); return await sftp[this.host].get(remoteFilePath); } // 新增文件夹 async mkdir(remoteFilePath, recursive) { await this.connectStatus(); return await sftp[this.host].mkdir(remoteFilePath, recursive); } // 删除文件夹 async rmdir(localPath, recursive) { await this.connectStatus(); return await sftp[this.host].rmdir(localPath, recursive); } // 下载文件 async fastGet(remotePath, localPath) { await this.connectStatus(); return await sftp[this.host].fastGet(remotePath, localPath); } // 上传文件 async fastPut(localPath, remotePath) { await this.connectStatus(); return await sftp[this.host].fastPut(localPath, remotePath); } // 删除文件 async delete(remoteFilePath) { await this.connectStatus(); return await sftp[this.host].delete(remoteFilePath); } // 文件重命名 async rename(remoteSourcePath, remoteDestPath) { await this.connectStatus(); return await sftp[this.host].rename(remoteSourcePath, remoteDestPath); } // 文件权限更改 async chmod(remoteDestPath, mode) { await this.connectStatus(); return await sftp[this.host].chmod(remoteDestPath, mode); } // 关闭窗口 async end() { await this.connectStatus(); await sftp[this.host].end(); sftp[this.host] = null; return 'success'; } } module.exports = Sftp; ================================================ FILE: app/util/socket.js ================================================ 'use strict'; const debug = require('debug'); const SSH = require('ssh2').Client; // public module.exports = function socket(json) { const socket = json.socket.socket; const conn = new SSH(); let isEnd = false; let isSend = false; let isSuccess = false; let timer = null; const timeout = 2000; const regExp = new RegExp(`\\[${json.username || ''}@.+?\\]`); const socketIndex = json.socket.data.split('_').splice(-1).join(); const taskType = json.taskType || 'command'; socket.on(json.socket.geometry || 'geometry', function socketOnGeometry(cols, rows) { json.cols = cols; json.rows = rows; }); conn.on('ready', function connOnReady() { conn.shell({ term: json.term, cols: json.cols, rows: json.rows, }, function connShell(err, stream) { setTimeout(() => { json.initialTask && stream.write(json.initialTask); }, 200); if (err) { socket.emit(json.socket.close || 'close', 'SSH2 CONN ERROR'); conn.end(); return; } socket.on(json.socket.data || 'data', function socketOnData(data) { if (isEnd) isEnd = false; if (isSuccess) isSuccess = false; try { stream.write(data); } catch (err) { console.log(err); } }); socket.on(json.socket.close || 'close', function() { conn.end(); }); socket.on('resize', function socketOnResize(data) { stream.setWindow(data.rows, data.cols); }); socket.on('disconnect', function socketOnDisconnect(reason) { err = { message: reason }; debug('CLIENT SOCKET DISCONNECT', err); socket.emit(json.socket.close || 'close', 'CLIENT SOCKET DISCONNECT'); conn.end(); }); socket.on('error', function socketOnError(err) { debug('SOCKET ERROR', err); socket.emit(json.socket.close || 'close', 'SOCKET ERROR'); conn.end(); }); stream.on('close', function streamOnClose(code, signal) { err = { message: ((code || signal) ? (((code) ? 'CODE: ' + code : '') + ((code && signal) ? ' ' : '') + ((signal) ? 'SIGNAL: ' + signal : '')) : undefined) }; debug('STREAM CLOSE', err); socket.emit(json.socket.close || 'close', 'STREAM CLOSE'); conn.end(); }); stream.on('data', function streamOnData(data) { data = data.toString('utf-8'); socket.emit(json.socket.data || 'data', data); // 执行成功 if (data.indexOf('SUCCESSFUL_COMMAND_CONSTRUCTION') > -1) isSuccess = true; if (timer) clearTimeout(timer); if (regExp.test(data) && (taskType === 'shell' || taskType === 'git')) { timer = setTimeout(() => { isEnd = true; if (!isSend) { socket.emit(json.socket.end || 'data', { isSuccess, isEnd, date: json.date || new Date(), index: socketIndex, }); } isSend = true; }, timeout); } }); }); }); conn.on('end', function connOnEnd(err) { socket.emit(json.socket.close || 'close', 'CONN END BY HOST'); debug('CONN END BY HOST', err); }); conn.on('close', function connOnClose(err) { socket.emit(json.socket.close || 'close', 'CONN CLOSE'); debug('CONN CLOSE', err); }); conn.on('error', function connOnError(err) { socket.emit(json.socket.close || 'close', 'CONN ERROR'); debug('CONN ERROR', err); }); if (json.username && json.password) { conn.connect({ host: json.host, port: json.port, username: json.username, password: json.password, tryKeyboard: true, readyTimeout: 20000, keepaliveInterval: 120000, keepaliveCountMax: 30, debug: debug('ssh2'), }); } else { socket.emit(json.socket.close || 'close', 1); } }; ================================================ FILE: app/util/ssh2.js ================================================ // 七牛JDK 'use strict'; const Client = require('ssh2').Client; const servers = new Client(); const conn = {}; class Ssh2 { constructor() { this.host = ''; this.port = ''; this.username = ''; this.password = ''; } async init(json = {}) { this.host = json.host; this.port = json.port; this.username = json.username; this.password = json.password; await this.connectStatus(); } async connectStatus() { if (!conn[this.host]) { conn[this.host] = await this.connect(); const loop = () => { conn[this.host] = null; }; servers.on('end', loop); servers.on('error', loop); } } // 链接 async connect() { return new Promise(resolve => { servers.on('ready', () => { resolve(servers); }).connect({ host: this.host, port: this.port, username: this.username, password: this.password, }); }); } // 执行linux命令和shell脚本 // 例如：exec('bash /data/down/app.sh') async exec(exec) { await this.connectStatus(); return new Promise(resolve => { let str = ''; conn[this.host].exec(exec, (err, stream) => { if (err) throw err; stream.on('close', code => { // conn[this.host].end(); if (code === 0) { resolve(str); } else { resolve(''); } }).on('data', data => { str += data; }).stderr.on('data', data => { str += data; }); }); }); } // 执行linux命令 // 例如 shell('ll -a') async shell(shell) { await this.connectStatus(); return new Promise(resolve => { let str = ''; conn[this.host].shell((err, stream) => { if (err) throw err; stream.on('close', code => { // conn[this.host].end(); if (code === 0) { resolve(str); } else { resolve(''); } }).on('data', data => { str += data; }).stderr.on('data', data => { str += data; }); stream.end(shell); }); }); } // end async end() { if (conn[this.host]) { conn[this.host].end(); conn[this.host] = null; } } } module.exports = new Ssh2(); ================================================ FILE: app/util/utils.js ================================================ 'use strict'; class Util { constructor() { this.name = ''; } // 判断路径最后是否有 / isDirEnd(path) { if (!path) return ''; path = path.trim(); let result = false; const last = path.substr(-1); if (last === '/') { result = true; } else { result = false; } return result; } } module.exports = new Util(); ================================================ FILE: app/view/appconfig.html ================================================
    应用构建配置
    资产列表
    脚本任务 控制台 默认执行所有资产项操作，若有选择则执行选中资产项的相关操作(例如：部署、生成构建配置等操作)。
    新建任务
    删除此任务
    任务名称*
    任务类型*
    {{item.task_type=='git'?'git hooks任务':''}} {{item.task_type=='shell'?'shell脚本任务':''}} {{item.task_type=='command'?'命令行运行任务':''}}
    选择git部署方式*
    https方式 ssh方式
    使用https方式拉取代码时需要用户名和密码，若用户名中有@时需要转换为%40。 使用ssh方式拉取代码时请确认git端项目已填写ssh key秘钥。
    部署shell脚本路径*
    备注：若目录或文件不存在则自动创建。
    shell脚本参数
    shell脚本写入方式*
    发布前是否先做备份
    需要备份的资源*
    备份文件存放位置*
    {{item.task_type=='command'?'命令行脚本内容':'部署shell脚本'}}*
    备注：服务器初始shell脚本。
    备注
    保存构建配置 去发布应用 取消
    任务名称
    任务类型
    提交
    ================================================ FILE: app/view/application.html ================================================
    应用管理
    搜索
    应用管理
    新增应用
    所属团队*
    选择环境*
    应用名称*
    应用编码*
    启用状态
    提交
    网络部署方式
    确定 取消
    ================================================ FILE: app/view/assets.html ================================================
    资产管理
    搜索
    资产管理
    新增资产 脚本任务
    更改了资产配置项后，所有相关应用需要手动更新分配资产按钮，以达到资产数据的同步更新!
    所属团队*
    资产名称*
    资产编码*
    外网IP*
    内网IP*
    登录用户名*
    登录端口号*
    登录密码*
    启用状态
    提交
    ================================================ FILE: app/view/assetsconfig.html ================================================
    资产脚本任务
    资产列表
    新建脚本任务
    资产脚本任务可进行各种应用的安装，各种应用的版本检测，支持各种脚本命令，支持单机和多机运行。
    {{item.name}}
    请尽量使用获得ssh key按钮，若生成新的ssh key则相关地方均需要更改（例如：github ssk）
    获得SSH KEY
    邮箱地址
    生成新的SSH KEY
    ssh key
    任务名称：
    {{taskItem.name}}
    任务类型：
    {{taskItem.type==1?'窗口运行命令':''}}{{taskItem.type==2?'shell脚本命令':''}}
    shell脚本路径：
    {{taskItem.shell_path}}
    shell脚本参数：
    {{taskItem.shell_opction}}
    shell脚本写入方式：
    {{taskItem.shell_write_type==1?'新建文件并上传方式':''}}{{taskItem.shell_write_type==2?'shell窗口命令行创建方式':''}}
    任务脚本内容：
    请确保已生成构建配置，若未生成构建配置，则先执行生成配置按钮，再执行任务。
    执行任务 生成配置 修改配置
    {{item.name}}
    ================================================ FILE: app/view/build.html ================================================
    应用构建
    搜索
    应用构建
    暂无需要部署的应用,请新建环境和应用!
    ================================================ FILE: app/view/buildprocess.html ================================================
    开始构建
    资产列表
    脚本任务 控制台 默认执行所有资产项操作，若有选择则执行选中资产项的相关操作(例如：部署、生成构建配置等操作)。
    {{item.task_name}}
    任务类型
    {{item.task_type=='git'?'git hooks任务':''}} {{item.task_type=='shell'?'shell脚本任务':''}} {{item.task_type=='command'?'命令行运行任务':''}}
    git部署方式
    {{item.task_type=='git'?'https方式':''}}{{item.task_type=='ssh'?'ssh方式':''}}
    shell脚本路径
    {{item.shell_path}}
    shell脚本参数
    {{item.shell_opction}}
    shell脚本运行命令
    {{'sh ' + item.shell_path +' '+ (item.shell_opction?item.shell_opction:'')}}
    shell脚本上传方式
    {{item.shell_write_type == 1 ? '新建文件并上传方式' :''}} {{item.shell_write_type == 2 ? 'shell窗口命令行创建方式' :''}}
    发布前是否先做备份
    需要备份的资源
    {{item.project_path}}
    备份文件的存放位置
    {{item.backups_path}}
    备注
    {{item.remarks}}
    shell脚本内容
    请确保已生成构建配置，若未生成构建配置，则先执行生成构建配置按钮，再执行部署任务。
    {{item.task_type=='command'?'开始运行':'开始部署'}} 服务备份 生成构建配置 修改构建配置 返回
    ================================================ FILE: app/view/commtask.html ================================================
    资产脚本任务
    脚本任务管理
    新建脚本任务
    任务名称*
    任务类型*
    shell脚本路径
    shell脚本参数
    shell脚本写入方式
    按钮颜色*
    是否是plain样式*
    是 否
    按钮预览
    按钮预览
    任务脚本内容*
    提交
    ================================================ FILE: app/view/console.html ================================================
    {{item.name}}
    全部选择
    请先选择团队信息。
    请选择需要打开的资产
    {{item.name}}
    全部选择
    请先选择应用信息。
    请选择需要打开的资产
    {{item.name+'-'+item.outer_ip}}
    全局运行指令：
    ================================================ FILE: app/view/email.html ================================================
    邮件管理
    邮件管理
    新增邮件
    邮件地址
    邮件所属人
    启用状态
    提交
    ================================================ FILE: app/view/environment.html ================================================
    环境管理
    环境管理
    新增环境
    环境名称*
    环境编码*
    提交
    ================================================ FILE: app/view/footer.html ================================================
    Copyright zane © 2019
    ================================================ FILE: app/view/header.html ================================================ ================================================ FILE: app/view/home.html ================================================
    textarea 修改文件内容
    修改
    textarea 新增文件
    文件名称
    新增
    xterm框效果
    ================================================ FILE: app/view/layout.html ================================================ 自动化发布系统
    <% include ./header.html %> <% include ./side.html %>
    <%- body %>
    <% include ./footer.html %>
    ================================================ FILE: app/view/login.html ================================================
    APubPlat自动化部署平台
    开源免费的自动化部署、运维平台，也可做堡垒机来使用。
    实现了Web界面话的Terminal，可替换xshell等工具。可开启多窗口和批量命令的运行。
    友好的持续集成，支持web前端node、java、php等后端servers的发布，并支持单机和多机的同时发布能力。
    对我有帮助，去star支持 github address
    Copyright Zane © 2019
    用户登录
    登录 注册
    忘记密码 返回登录 注册账号
    ================================================ FILE: app/view/logs.html ================================================
    构建日志
    搜索
    暂无需要部署的应用,请新建环境和应用!
    ================================================ FILE: app/view/reduction.html ================================================
    应用还原
    应用名称: {{datas.name}}
    资产列表
    脚本任务 控制台 默认执行所有资产项操作，若有选择则执行选中资产项的相关操作(例如：部署、生成构建配置等操作)。
    应用备份列表
    应用资源位置
    {{taskItem.project_path}}
    备份文件位置
    {{taskItem.backup_path}}
    shell脚本写入方式
    shell脚本路径*
    备注：若服务器目录或文件不存在则自动创建。
    shell脚本参数
    任务脚本内容*
    执行任务
    ================================================ FILE: app/view/side.html ================================================
    APubPlat自动化部署平台
    团队管理 环境管理 脚本任务 资产管理 应用管理 应用构建 构建日志 邮件管理 用户管理
    ================================================ FILE: app/view/team.html ================================================
    团队管理
    团队管理
    新增团队
    团队名称*
    团队编码*
    启用状态
    提交
    ================================================ FILE: app/view/user.html ================================================
    用户管理
    搜索
    用户管理
    新增用户
    用户名称*
    用户密码*
    启用状态
    提交
    ================================================ FILE: app.js ================================================ 'use strict'; module.exports = async () => { }; ================================================ FILE: appveyor.yml ================================================ environment: matrix: - nodejs_version: '8' install: - ps: Install-Product node $env:nodejs_version - npm i npminstall && node_modules\.bin\npminstall test_script: - node --version - npm --version - npm run test build: off ================================================ FILE: config/config.default.js ================================================ 'use strict'; const path = require('path'); module.exports = appInfo => { const config = exports = {}; // use for cookie sign key, should change to your own and keep security config.keys = appInfo.name + '_1547778980871_4672'; // add your config here config.middleware = []; // 线上环境此处替换为项目根域名 例如 blog.seosiwei.com config.host = '127.0.0.1'; config.port = 18888; // 用于安全校验和回调域名根路径 开发路径域名（必填） config.origin = `http://${config.host}:${config.port}`; // 集群配置（一般默认即可） config.cluster = { listen: { port: config.port, hostname: '127.0.0.1', }, }; // 用户密码加盐随机值 config.user_pwd_salt_addition = 'ZANEHELLOBEAUTIFUL'; // 用户登录态持续时间 1 天 config.user_login_timeout = 86400; config.pageSize = 50; config.email = { client: { // service: '163', host: 'smtp.163.com', port: 465, secure: true, auth: { user: 'xxxxxx@163.com', pass: 'xxxxxx', }, }, }; exports.io = { init: { transports: [ 'polling', 'websocket' ], allowUpgrades: true, }, namespace: { '/socket': { connectionMiddleware: [], packetMiddleware: [], }, }, }; config.view = { defaultExtension: '.html', mapping: { '.html': 'ejs', }, }; config.ejs = { layout: 'layout.html', }; exports.logger = { dir: path.resolve(__dirname, '../buildlogs'), }; config.bodyParser = { jsonLimit: '1mb', formLimit: '1mb', }; config.security = { csrf: { enable: true, // 通过 header 传递 CSRF token 的默认字段为 x-csrf-token headerName: 'x-csrf-token', }, }; // redis配置 config.redis = { client: { port: 6379, // Redis port host: '127.0.0.1', // Redis host password: '', db: 0, }, }; // mongodb configs exports.mongoose = { url: 'mongodb://127.0.0.1:27017/APubPlat', options: { autoReconnect: true, poolSize: 5, }, }; config.cors = { origin: config.origin, allowMethods: 'GET,PUT,POST,DELETE', }; config.onerror = { all(err, ctx) { // 统一错误处理 ctx.body = JSON.stringify({ code: 1001, desc: err.toString().replace('Error: ', ''), }); ctx.status = 200; // 统一错误日志记录 ctx.logger.info(`统一错误日志：发现了错误${err}`); }, }; return config; }; ================================================ FILE: config/config.prod.js ================================================ 'use strict'; module.exports = () => { const config = exports = {}; config.debug = false; // 用于安全校验和回调域名根路径 生产线域名（必填） config.origin = 'https://xxx.xxx.com'; return config; }; ================================================ FILE: config/plugin.js ================================================ 'use strict'; const path = require('path'); exports.ejs = { enable: true, package: 'egg-view-ejs', }; exports.routerPlus = { enable: true, package: 'egg-router-plus', }; exports.cors = { enable: true, package: 'egg-cors', }; exports.mongoose = { enable: true, package: 'egg-mongoose', }; exports.email = { enable: true, path: path.join(__dirname, '../lib/plugin/egg-email'), }; exports.redis = { enable: true, package: 'egg-redis', }; exports.io = { enable: true, package: 'egg-socket.io', }; ================================================ FILE: lib/plugin/egg-email/LICENSE ================================================ The MIT License (MIT) Copyright (c) 2019 Alibaba Group Holding Limited and other contributors. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: lib/plugin/egg-email/README.md ================================================ # egg-email ================================================ FILE: lib/plugin/egg-email/app.js ================================================ 'use strict'; const email = require('./lib/email'); module.exports = app => { email(app); }; ================================================ FILE: lib/plugin/egg-email/config/config.default.js ================================================ 'use strict'; exports.email = { }; ================================================ FILE: lib/plugin/egg-email/lib/email.js ================================================ 'use strict'; const nodemailer = require('nodemailer'); // const assert = require('assert'); module.exports = app => { app.addSingleton('email', createOneClient); }; function createOneClient(config, app) { const isHostProt = config.host && config.port && typeof (config.secure) === 'boolean'; const service = config.service; if (!(isHostProt || service) || !config.auth) return {}; // assert((isHostProt || service) && config.auth, '[egg-email] host and prot or service are require on config'); app.coreLogger.info('[egg-email] connecting success!'); const smtpTransport = nodemailer.createTransport(config); return smtpTransport; } ================================================ FILE: lib/plugin/egg-email/package.json ================================================ { "name": "egg-email", "version": "1.0.0", "description": "", "main": "app.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "devDependencies": { "nodemailer": "^5.0.0" }, "eggPlugin": { "name": "egg-email" } } ================================================ FILE: package.json ================================================ { "name": "apubplat", "version": "1.0.0", "description": "", "private": true, "dependencies": { "debug": "^4.1.1", "egg": "^2.2.1", "egg-mongoose": "^3.1.1", "egg-redis": "^2.3.2", "egg-scripts": "^2.5.0", "egg-socket.io": "^4.1.5", "eslint-plugin-html": "^5.0.3", "excel-export": "^0.5.1", "md5": "^2.2.1", "moment": "^2.24.0", "nodemailer": "^5.1.1", "qiniu": "^7.2.1", "ssh2": "^0.8.2", "ssh2-sftp-client": "^2.5.0", "trek-captcha": "^0.4.0", "xterm": "^3.12.2" }, "devDependencies": { "autod": "^3.0.1", "autod-egg": "^1.0.0", "egg-bin": "^4.3.5", "egg-ci": "^1.8.0", "egg-cors": "^2.1.2", "egg-mock": "^3.14.0", "egg-router-plus": "^1.3.0", "egg-view-ejs": "^2.0.0", "eslint": "^5.16.0", "eslint-config-egg": "^6.0.0", "webstorm-disable-index": "^1.2.0" }, "engines": { "node": ">=8.9.0" }, "scripts": { "start": "egg-scripts start --port 18888 --daemon --sticky", "stop": "egg-scripts stop", "dev": "egg-bin dev --sticky", "debug": "egg-bin debug", "test": "npm run lint -- --fix && npm run test-local", "test-local": "egg-bin test", "cov": "egg-bin cov", "lint": "eslint .", "ci": "npm run lint && npm run cov", "autod": "autod" }, "ci": { "version": "8" }, "repository": { "type": "git", "url": "" }, "author": "", "license": "MIT" }