mindoc-org
/
mindoc
mirror of https://github.com/mindoc-org/mindoc.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
mindoc/views/book/index.tpl

662 lines
32 KiB
Smarty
Raw Permalink Normal View History

搭建框架
2017-04-20 18:19:32 +08:00
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
1、添加超级管理器编辑文档权限 2、新增CDN静态文件加速
2017-05-12 10:45:40 +08:00
<title>我的项目 - Powered by MinDoc</title>
搭建框架
2017-04-20 18:19:32 +08:00
<!-- Bootstrap -->
1、添加超级管理器编辑文档权限 2、新增CDN静态文件加速
2017-05-12 10:45:40 +08:00
<link href="{{cdncss "/static/bootstrap/css/bootstrap.min.css"}}" rel="stylesheet" type="text/css">
<link href="{{cdncss "/static/font-awesome/css/font-awesome.min.css"}}" rel="stylesheet" type="text/css">
实现导入Markdown
2018-03-24 17:24:02 +08:00
<link href="{{cdncss "/static/bootstrap/plugins/bootstrap-fileinput/4.4.7/css/fileinput.min.css"}}" rel="stylesheet" type="text/css">
<link href="{{cdncss "/static/bootstrap/plugins/bootstrap-fileinput/4.4.7/themes/explorer-fa/theme.css"}}" rel="stylesheet" type="text/css">
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
<link href="{{cdncss "/static/select2/4.0.5/css/select2.min.css"}}" rel="stylesheet">
refactor:1、重构文档阅读页面JS逻辑 2、重构CDN相关函数，增加版本号参数 3、优化添加模板UI
2018-08-15 15:33:22 +08:00
<link href="{{cdncss "/static/css/main.css" "version"}}" rel="stylesheet">
搭建框架
2017-04-20 18:19:32 +08:00
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="/static/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="/static/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="manual-reader">
{{template "widgets/header.tpl" .}}
<div class="container manual-body">
<div class="row">
<div class="page-left">
<ul class="menu">
实现单页文章功能
2018-07-13 19:04:51 +08:00
<li {{if eq .ControllerName "BookController"}}class="active"{{end}}><a href="{{urlfor "BookController.Index"}}" class="item"><i class="fa fa-sitemap" aria-hidden="true"></i> 我的项目</a> </li>
<li {{if eq .ControllerName "BlogController"}}class="active"{{end}}><a href="{{urlfor "BlogController.ManageList"}}" class="item"><i class="fa fa-file" aria-hidden="true"></i> 我的文章</a> </li>
搭建框架
2017-04-20 18:19:32 +08:00
</ul>
</div>
<div class="page-right">
<div class="m-box">
<div class="box-head">
<strong class="box-title">项目列表</strong>
实现导入Markdown
2018-03-24 17:24:02 +08:00
&nbsp;
搭建框架
2017-04-21 18:20:35 +08:00
<button type="button" data-toggle="modal" data-target="#addBookDialogModal" class="btn btn-success btn-sm pull-right">添加项目</button>
实现导入Markdown
2018-03-24 17:24:02 +08:00
<button type="button" data-toggle="modal" data-target="#importBookDialogModal" class="btn btn-primary btn-sm pull-right" style="margin-right: 5px;">导入项目</button>
搭建框架
2017-04-20 18:19:32 +08:00
</div>
</div>
1、实现超级管理员用户管理功能 2、实现超级管理员项目列表功能 3、实现项目成员列表功能
2017-04-24 18:25:17 +08:00
<div class="box-body" id="bookList">
<div class="book-list">
实现项目列表、概述功能
2017-04-22 17:24:17 +08:00
<template v-if="lists.length <= 0">
1、实现超级管理员用户管理功能 2、实现超级管理员项目列表功能 3、实现项目成员列表功能
2017-04-24 18:25:17 +08:00
<div class="text-center">暂无数据</div>
实现项目列表、概述功能
2017-04-22 17:24:17 +08:00
</template>
<template v-else>
<div class="list-item" v-for="item in lists">
搭建框架
2017-04-20 18:19:32 +08:00
<div class="book-title">
<div class="pull-left">
实现部署到二级虚拟目录
2018-03-13 14:14:56 +08:00
<a :href="'{{.BaseUrl}}/book/' + item.identify + '/dashboard'" title="项目概要" data-toggle="tooltip">
完善功能
2017-04-25 20:05:59 +08:00
<template v-if="item.privately_owned == 0">
<i class="fa fa-unlock" aria-hidden="true"></i>
</template>
<template v-else-if="item.privately_owned == 1">
<i class="fa fa-lock" aria-hidden="true"></i>
</template>
${item.book_name}
搭建框架
2017-04-20 18:19:32 +08:00
</a>
</div>
<div class="pull-right">
1、实现通过SSL、TSL发送邮件 2、增加用户真实姓名字段 3、优化项目列表显示 4、实现限定文档历史记录数量 5、优化部分页面的用户体验
2018-02-02 23:12:29 +08:00
<div class="btn-group">
实现部署到二级虚拟目录
2018-03-13 14:14:56 +08:00
<a :href="'{{.BaseUrl}}/book/' + item.identify + '/dashboard'" class="btn btn-default">设置</a>
1、实现通过SSL、TSL发送邮件 2、增加用户真实姓名字段 3、优化项目列表显示 4、实现限定文档历史记录数量 5、优化部分页面的用户体验
2018-02-02 23:12:29 +08:00
<a href="javascript:;" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</a>
<ul class="dropdown-menu">
<li><a :href="'{{urlfor "DocumentController.Index" ":key" ""}}' + item.identify" target="_blank">阅读</a></li>
<template v-if="item.role_id != 3">
实现部署到二级虚拟目录
2018-03-13 14:14:56 +08:00
<li><a :href="'{{.BaseUrl}}/api/' + item.identify + '/edit'" target="_blank">编辑</a></li>
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
</template>
<template v-if="item.role_id == 0">
<li><a :href="'javascript:deleteBook(\''+item.identify+'\');'">删除</a></li>
实现项目复制功能
2018-07-10 18:53:41 +08:00
<li><a :href="'javascript:copyBook(\''+item.identify+'\');'">复制</a></li>
1、实现通过SSL、TSL发送邮件 2、增加用户真实姓名字段 3、优化项目列表显示 4、实现限定文档历史记录数量 5、优化部分页面的用户体验
2018-02-02 23:12:29 +08:00
</template>
</ul>
</div>
{{/*<a :href="'{{urlfor "DocumentController.Index" ":key" ""}}' + item.identify" title="查看文档" data-toggle="tooltip" target="_blank"><i class="fa fa-eye"></i> 查看文档</a>*/}}
{{/*<template v-if="item.role_id != 3">*/}}
{{/*<a :href="'/api/' + item.identify + '/edit'" title="编辑文档" data-toggle="tooltip" target="_blank"><i class="fa fa-edit" aria-hidden="true"></i> 编辑文档</a>*/}}
{{/*</template>*/}}
搭建框架
2017-04-20 18:19:32 +08:00
</div>
<div class="clearfix"></div>
</div>
<div class="desc-text">
实现项目列表、概述功能
2017-04-22 17:24:17 +08:00
<template v-if="item.description === ''">
&nbsp;
</template>
<template v-else="">
实现部署到二级虚拟目录
2018-03-13 14:14:56 +08:00
<a :href="'{{.BaseUrl}}/book/' + item.identify + '/dashboard'" title="项目概要" style="font-size: 12px;">
实现项目列表、概述功能
2017-04-22 17:24:17 +08:00
${item.description}
</a>
</template>
搭建框架
2017-04-20 18:19:32 +08:00
</div>
<div class="info">
实现项目列表、概述功能
2017-04-22 17:24:17 +08:00
<span title="创建时间" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-clock-o"></i>
${(new Date(item.create_time)).format("yyyy-MM-dd hh:mm:ss")}
</span>
<span title="创建者" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-user"></i> ${item.create_name}</span>
<span title="文档数量" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-pie-chart"></i> ${item.doc_count}</span>
1、实现超级管理员用户管理功能 2、实现超级管理员项目列表功能 3、实现项目成员列表功能
2017-04-24 18:25:17 +08:00
<span title="项目角色" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-user-secret"></i> ${item.role_name}</span>
实现项目列表、概述功能
2017-04-22 17:24:17 +08:00
<template v-if="item.last_modify_text !== ''">
<span title="最后编辑" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-pencil"></i> 最后编辑: ${item.last_modify_text}</span>
</template>
搭建框架
2017-04-20 18:19:32 +08:00
</div>
</div>
实现项目列表、概述功能
2017-04-22 17:24:17 +08:00
</template>
搭建框架
2017-04-20 18:19:32 +08:00
</div>
1、实现超级管理员用户管理功能 2、实现超级管理员项目列表功能 3、实现项目成员列表功能
2017-04-24 18:25:17 +08:00
<template v-if="lists.length >= 0">
修改UI
2017-07-10 16:25:38 +08:00
<nav class="pagination-container">
1、实现超级管理员用户管理功能 2、实现超级管理员项目列表功能 3、实现项目成员列表功能
2017-04-24 18:25:17 +08:00
{{.PageHtml}}
</nav>
</template>
搭建框架
2017-04-20 18:19:32 +08:00
</div>
</div>
</div>
</div>
{{template "widgets/footer.tpl" .}}
</div>
搭建框架
2017-04-21 18:20:35 +08:00
<!-- Modal -->
<div class="modal fade" id="addBookDialogModal" tabindex="-1" role="dialog" aria-labelledby="addBookDialogModalLabel">
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
<div class="modal-dialog modal-lg" role="document" style="min-width: 900px;">
<form method="post" autocomplete="off" action="{{urlfor "BookController.Create"}}" id="addBookDialogForm" enctype="multipart/form-data">
搭建框架
2017-04-21 18:20:35 +08:00
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">添加项目</h4>
</div>
<div class="modal-body">
<div class="form-group">
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
<div class="pull-left" style="width: 620px">
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
<div class="form-group required">
feat:优化项目空间样式
2018-11-21 11:03:16 +08:00
<label class="text-label col-sm-2">项目空间</label>
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
<div class="col-sm-10">
perf:创建项目时增加默认项目空间
2018-11-21 18:15:48 +08:00
<select class="js-data-example-ajax-add form-control" multiple="multiple" name="itemId" id="itemId">
{{if .Item}}<option value="{{.Item.ItemId}}" selected>{{.Item.ItemName}}</option> {{end}}
</select>
perf:增加创建项目时的提示文案
2018-11-22 18:34:37 +08:00
<p class="text">每个项目必须归属一个项目空间，超级管理员可在后台管理和维护</p>
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
</div>
<div class="clearfix"></div>
</div>
<div class="form-group required">
<label class="text-label col-sm-2">项目标题</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="标题(不超过100字)" name="book_name" id="bookName">
perf:增加创建项目时的提示文案
2018-11-22 18:34:37 +08:00
<p class="text">项目名称不能超过100字符</p>
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
</div>
<div class="clearfix"></div>
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
</div>
perf:增加创建项目时的提示文案
2018-11-22 18:34:37 +08:00
<div class="form-group required">
<label class="text-label col-sm-2">项目标识</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="项目唯一标识(不超过50字)" name="identify" id="identify">
<p class="text">文档标识只能包含小写字母、数字，以及“-”、“.”和“_”符号.</p>
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<textarea name="description" id="description" class="form-control" placeholder="描述信息不超过500个字符" style="height: 90px;"></textarea>
</div>
<div class="form-group">
<div class="col-lg-6">
<label>
<input type="radio" name="privately_owned" value="0" checked> 公开<span class="text">(任何人都可以访问)</span>
</label>
</div>
<div class="col-lg-6">
<label>
<input type="radio" name="privately_owned" value="1"> 私有<span class="text">(只要参与者或使用令牌才能访问)</span>
</label>
</div>
<div class="clearfix"></div>
</div>
搭建框架
2017-04-21 18:20:35 +08:00
</div>
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
<div class="pull-right text-center" style="width: 235px;">
<canvas id="bookCover" height="230px" width="170px"><img src="{{cdnimg "/static/images/book.jpg"}}"> </canvas>
perf:增加创建项目时的提示文案
2018-11-22 18:34:37 +08:00
<p class="text">项目图片可在项目设置中修改</p>
搭建框架
2017-04-21 18:20:35 +08:00
</div>
</div>
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
搭建框架
2017-04-21 18:20:35 +08:00
<div class="clearfix"></div>
</div>
<div class="modal-footer">
<span id="form-error-message"></span>
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
<button type="button" class="btn btn-success" id="btnSaveDocument" data-loading-text="保存中...">保存</button>
搭建框架
2017-04-21 18:20:35 +08:00
</div>
</div>
</form>
</div>
实现导入Markdown
2018-03-24 17:24:02 +08:00
</div>
<!--END Modal-->
<!-- importBookDialogModal -->
<div class="modal fade" id="importBookDialogModal" tabindex="-1" role="dialog" aria-labelledby="importBookDialogModalLabel">
<div class="modal-dialog" role="document" style="min-width: 900px;">
<form method="post" autocomplete="off" action="{{urlfor "BookController.Import"}}" id="importBookDialogForm" enctype="multipart/form-data">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">导入项目</h4>
</div>
<div class="modal-body">
<div class="form-group">
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
<div class="form-group required">
feat:优化项目空间样式
2018-11-21 11:03:16 +08:00
<label class="text-label">项目空间</label>
perf:创建项目时增加默认项目空间
2018-11-21 18:15:48 +08:00
<select class="js-data-example-ajax-import form-control" multiple="multiple" name="itemId">
{{if .Item}}<option value="{{.Item.ItemId}}" selected>{{.Item.ItemName}}</option> {{end}}
</select>
perf:增加创建项目时的提示文案
2018-11-22 18:34:37 +08:00
<p class="text">每个项目必须归属一个项目空间，超级管理员可在后台管理和维护</p>
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
</div>
实现导入Markdown
2018-03-24 17:24:02 +08:00
<div class="form-group required">
<label class="text-label">项目标题</label>
实现导入Markdown
2018-03-25 14:59:42 +08:00
<input type="text" class="form-control" placeholder="项目标题(不超过100字)" name="book_name" maxlength="100" value="">
perf:增加创建项目时的提示文案
2018-11-22 18:34:37 +08:00
<p class="text">项目名称不能超过100字符</p>
实现导入Markdown
2018-03-24 17:24:02 +08:00
</div>
<div class="form-group required">
<label class="text-label">项目标识</label>
实现导入Markdown
2018-03-25 14:59:42 +08:00
<input type="text" class="form-control" placeholder="项目唯一标识(不超过50字)" name="identify" value="">
实现导入Markdown
2018-03-24 17:24:02 +08:00
<div class="clearfix"></div>
perf:增加创建项目时的提示文案
2018-11-22 18:34:37 +08:00
<p class="text">文档标识只能包含小写字母、数字，以及“-”、“.”和“_”符号.</p>
实现导入Markdown
2018-03-24 17:24:02 +08:00
</div>
<div class="form-group">
<label class="text-label">项目描述</label>
<textarea name="description" id="description" class="form-control" placeholder="描述信息不超过500个字符" style="height: 90px;"></textarea>
</div>
<div class="form-group">
<div class="col-lg-6">
<label>
<input type="radio" name="privately_owned" value="0" checked> 公开<span class="text">(任何人都可以访问)</span>
</label>
</div>
<div class="col-lg-6">
<label>
<input type="radio" name="privately_owned" value="1"> 私有<span class="text">(只要参与者或使用令牌才能访问)</span>
</label>
</div>
<div class="clearfix"></div>
</div>
<div class="form-group">
<div class="file-loading">
<input id="import-book-upload" name="import-file" type="file" accept=".zip">
</div>
<div id="kartik-file-errors"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="modal-footer">
<span id="import-book-form-error-message" style="background-color: #ffffff;border: none;margin: 0;padding: 0;"></span>
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-success" id="btnImportBook" data-loading-text="创建中...">创建</button>
</div>
</div>
</form>
</div>
</div>
<!--END importBookDialogModal-->
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
<!-- Delete Book Modal -->
<div class="modal fade" id="deleteBookModal" tabindex="-1" role="dialog" aria-labelledby="deleteBookModalLabel">
<div class="modal-dialog" role="document">
<form method="post" id="deleteBookForm" action="{{urlfor "BookController.Delete"}}">
<input type="hidden" name="identify" value="">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">删除项目</h4>
</div>
<div class="modal-body">
<span style="font-size: 14px;font-weight: 400;">确定删除项目吗？</span>
<p></p>
<p class="text error-message">删除项目后将无法找回。</p>
</div>
<div class="modal-footer">
<span id="form-error-message2" class="error-message"></span>
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="submit" id="btnDeleteBook" class="btn btn-primary" data-loading-text="删除中...">确定删除</button>
</div>
</div>
</form>
</div>
</div>
搭建框架
2017-04-21 18:20:35 +08:00
1、添加超级管理器编辑文档权限 2、新增CDN静态文件加速
2017-05-12 10:45:40 +08:00
<script src="{{cdnjs "/static/jquery/1.12.4/jquery.min.js"}}" type="text/javascript"></script>
<script src="{{cdnjs "/static/bootstrap/js/bootstrap.min.js"}}" type="text/javascript"></script>
<script src="{{cdnjs "/static/vuejs/vue.min.js"}}" type="text/javascript"></script>
<script src="{{cdnjs "/static/js/jquery.form.js"}}" type="text/javascript"></script>
实现导入Markdown
2018-03-24 17:24:02 +08:00
<script src="{{cdnjs "/static/bootstrap/plugins/bootstrap-fileinput/4.4.7/js/fileinput.min.js"}}"></script>
<script src="{{cdnjs "/static/bootstrap/plugins/bootstrap-fileinput/4.4.7/js/locales/zh.js"}}"></script>
实现项目复制功能
2018-07-10 18:53:41 +08:00
<script src="{{cdnjs "/static/layer/layer.js"}}" type="text/javascript" ></script>
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
<script src="{{cdnjs "/static/select2/4.0.5/js/select2.full.min.js"}}"></script>
<script src="{{cdnjs "/static/select2/4.0.5/js/i18n/zh-CN.js"}}"></script>
优化代码
2018-02-05 13:41:24 +08:00
<script src="{{cdnjs "/static/js/main.js"}}" type="text/javascript"></script>
搭建框架
2017-04-21 18:20:35 +08:00
<script type="text/javascript">
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
/**
* 绘制项目封面
* @param $id
* @param $font
*/
function drawBookCover($id,$font) {
var draw = document.getElementById($id);
//确认浏览器是否支持<canvas>元素
if (draw.getContext) {
var context = draw.getContext('2d');
//绘制红色矩形,绿色描边
context.fillStyle = '#eee';
context.strokeStyle = '#d4d4d5';
context.strokeRect(0,0,170,230);
context.fillRect(0,0,170,230);
//设置字体样式
修复连续创建项目封面无法生成的BUG
2018-07-25 16:02:37 +08:00
context.font = "600 20px Helvetica";
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
context.textAlign = "left";
//设置字体填充颜色
context.fillStyle = "#3E403E";
修复连续创建项目封面无法生成的BUG
2018-07-25 16:02:37 +08:00
var font = $.trim($font);
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
var lineWidth = 0; //当前行的绘制的宽度
var lastTextIndex = 0; //已经绘制上canvas最后的一个字符的下标
var drawWidth = 155,lineHeight = 25,drawStartX = 15,drawStartY=65;
//由于改变canvas 的高度会导致绘制的纹理被清空，所以，不预先绘制，先放入到一个数组当中
var arr = [];
for(var i = 0; i<font.length; i++){
//获取当前的截取的字符串的宽度
lineWidth = context.measureText(font.substr(lastTextIndex,i-lastTextIndex)).width;
if(lineWidth > drawWidth){
//判断最后一位是否是标点符号
if(judgePunctuationMarks(font[i-1])){
arr.push(font.substr(lastTextIndex,i-lastTextIndex));
lastTextIndex = i;
}else{
arr.push(font.substr(lastTextIndex,i-lastTextIndex-1));
lastTextIndex = i-1;
}
搭建框架
2017-04-21 18:20:35 +08:00
}
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
//将最后多余的一部分添加到数组
if(i === font.length - 1){
arr.push(font.substr(lastTextIndex,i-lastTextIndex+1));
搭建框架
2017-04-21 18:20:35 +08:00
}
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
}
搭建框架
2017-04-21 18:20:35 +08:00
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
for(var i =0; i<arr.length; i++){
context.fillText(arr[i],drawStartX,drawStartY+i*lineHeight);
}
//判断是否是需要避开的标签符号
function judgePunctuationMarks(value) {
var arr = [".",",",";","?","!",":","\"","，","。","？","！","；","：","、"];
for(var i = 0; i< arr.length; i++){
if(value === arr[i]){
return true;
}
搭建框架
2017-04-21 18:20:35 +08:00
}
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
return false;
}
}else{
console.log("浏览器不支持")
}
}
/**
* 将base64格式的图片转换为二进制
* @param dataURI
* @returns {Blob}
*/
function dataURItoBlob(dataURI) {
var byteString = atob(dataURI.split(',')[1]);
var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
var ab = new ArrayBuffer(byteString.length);
var ia = new Uint8Array(ab);
for (var i = 0; i < byteString.length; i++) {
ia[i] = byteString.charCodeAt(i);
}
搭建框架
2017-04-21 18:20:35 +08:00
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
return new Blob([ab], {type: mimeString});
}
/**
* 删除项目
*/
function deleteBook($id) {
$("#deleteBookModal").find("input[name='identify']").val($id);
$("#deleteBookModal").modal("show");
}
修复连续创建项目封面无法生成的BUG
2018-07-25 16:02:37 +08:00
/**
* 复制项目
* */
实现项目复制功能
2018-07-10 18:53:41 +08:00
function copyBook($id){
var index = layer.load()
$.ajax({
url : "{{urlfor "BookController.Copy"}}" ,
data : {"identify":$id},
type : "POST",
dataType : "json",
success : function ($res) {
layer.close(index);
if ($res.errcode === 0) {
window.app.lists.splice(0, 0, $res.data);
$("#addBookDialogModal").modal("hide");
} else {
layer.msg($res.message);
}
},
error : function () {
layer.close(index);
layer.msg('服务器异常');
}
});
}
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
$(function () {
修复连续创建项目封面无法生成的BUG
2018-07-25 16:02:37 +08:00
/**
* 处理创建项目弹窗
* */
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
$("#addBookDialogModal").on("show.bs.modal",function () {
window.bookDialogModal = $(this).find("#addBookDialogForm").html();
drawBookCover("bookCover","默认封面");
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
$('.js-data-example-ajax-add').select2({
language: "zh-CN",
minimumInputLength : 1,
minimumResultsForSearch: Infinity,
maximumSelectionLength:1,
width : "100%",
ajax: {
url: '{{urlfor "BookController.ItemsetsSearch"}}',
dataType: 'json',
data: function (params) {
return {
q: params.term, // search term
page: params.page
};
},
processResults: function (data, params) {
return {
results : data.data.results
}
}
}
});
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
}).on("hidden.bs.modal",function () {
$(this).find("#addBookDialogForm").html(window.bookDialogModal);
});
修复连续创建项目封面无法生成的BUG
2018-07-25 16:02:37 +08:00
/**
* 处理导入项目弹窗
* */
$("#importBookDialogModal").on("show.bs.modal",function () {
window.importBookDialogModal = $(this).find("#importBookDialogForm").html();
$("#import-book-upload").fileinput({
'uploadUrl':"{{urlfor "BookController.Import"}}",
'theme': 'fa',
'showPreview': false,
'showUpload' : false,
'required': true,
'validateInitialCount': true,
"language" : "zh",
'allowedFileExtensions': ['zip'],
'msgPlaceholder' : '请选择Zip文件',
'elErrorContainer' : "#import-book-form-error-message",
'uploadExtraData' : function () {
var book = {};
var $then = $("#importBookDialogForm");
book.book_name = $then.find("input[name='book_name']").val();
book.identify = $then.find("input[name='identify']").val();
fix:修复无法导入项目的BUG
2018-11-27 15:28:28 +08:00
book.description = $then.find('textarea[name="description"]').val();
book.itemId = $then.find("select[name='itemId']").val();
修复连续创建项目封面无法生成的BUG
2018-07-25 16:02:37 +08:00
return book;
}
});
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
$('.js-data-example-ajax-import').select2({
language: "zh-CN",
minimumInputLength : 1,
minimumResultsForSearch: Infinity,
maximumSelectionLength:1,
width : "100%",
ajax: {
url: '{{urlfor "BookController.ItemsetsSearch"}}',
dataType: 'json',
data: function (params) {
return {
q: params.term, // search term
page: params.page
};
},
processResults: function (data, params) {
return {
results : data.data.results
}
}
}
});
修复连续创建项目封面无法生成的BUG
2018-07-25 16:02:37 +08:00
}).on("hidden.bs.modal",function () {
$(this).find("#importBookDialogForm").html(window.importBookDialogModal);
});
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
/**
* 创建项目
*/
修正事件延迟绑定 由于bootstrap的modal，在第二次打开的时候是一个全新的dom，所以此处一定要使用jquery延迟绑定，否则添加完一个项目之后，业务不刷新的情况下，保存按钮无效
2018-05-14 14:36:19 +08:00
$("body").on("click","#btnSaveDocument",function () {
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
var $this = $(this);
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
var itemId = $("#itemId").val();
if (itemId <= 0) {
feat:优化项目空间样式
2018-11-21 11:03:16 +08:00
return showError("请选择项目空间")
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
}
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
var bookName = $.trim($("#bookName").val());
if (bookName === "") {
return showError("项目标题不能为空")
}
if (bookName.length > 100) {
return showError("项目标题必须小于100字符");
}
var identify = $.trim($("#identify").val());
if (identify === "") {
return showError("项目标识不能为空");
}
if (identify.length > 50) {
return showError("项目标识必须小于50字符");
}
var description = $.trim($("#description").val());
if (description.length > 500) {
return showError("描述信息不超过500个字符");
}
$this.button("loading");
var draw = document.getElementById("bookCover");
var form = document.getElementById("addBookDialogForm");
var fd = new FormData(form);
if (draw.getContext) {
var dataURL = draw.toDataURL("png", 100);
var blob = dataURItoBlob(dataURL);
fd.append('image-file', blob,(new Date()).valueOf() + ".png");
}
$.ajax({
url : "{{urlfor "BookController.Create"}}",
data: fd,
type: "POST",
dataType :"json",
processData: false,
contentType: false
}).success(function (res) {
$this.button("reset");
if (res.errcode === 0) {
window.app.lists.splice(0, 0, res.data);
$("#addBookDialogModal").modal("hide");
} else {
showError(res.message);
搭建框架
2017-04-21 18:20:35 +08:00
}
实现通过canvas生成项目封面
2018-02-22 16:34:23 +08:00
$this.button("reset");
}).error(function () {
$this.button("reset");
return showError("服务器异常");
});
return false;
修复连续创建项目封面无法生成的BUG
2018-07-25 16:02:37 +08:00
}).on("blur","#bookName",function () {
var txt = $("#bookName").val();
if(txt !== ""){
drawBookCover("bookCover",txt);
搭建框架
2017-04-21 18:20:35 +08:00
}
修复连续创建项目封面无法生成的BUG
2018-07-25 16:02:37 +08:00
}).on("click","#btnImportBook",function () {
fix:修复无法导入项目的BUG
2018-11-27 15:28:28 +08:00
实现导入Markdown
2018-03-24 17:24:02 +08:00
var $then = $(this).parents("#importBookDialogForm");
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
var itemId = $then.find("input[name='itemId']").val();
if (itemId <= 0) {
feat:优化项目空间样式
2018-11-21 11:03:16 +08:00
return showError("请选择项目空间")
feat:实现项目集功能
2018-11-20 20:36:14 +08:00
}
实现导入Markdown
2018-03-24 17:24:02 +08:00
var bookName = $.trim($then.find("input[name='book_name']").val());
if (bookName === "") {
return showError("项目标题不能为空","#import-book-form-error-message");
}
if (bookName.length > 100) {
return showError("项目标题必须小于100字符","#import-book-form-error-message");
}
var identify = $.trim($then.find("input[name='identify']").val());
if (identify === "") {
return showError("项目标识不能为空","#import-book-form-error-message");
}
var description = $.trim($then.find('textarea[name="description"]').val());
if (description.length > 500) {
return showError("描述信息不超过500个字符","#import-book-form-error-message");
}
var filesCount = $('#import-book-upload').fileinput('getFilesCount');
fix:修复无法导入项目的BUG
2018-11-27 15:28:28 +08:00
实现导入Markdown
2018-03-24 17:24:02 +08:00
if (filesCount <= 0) {
return showError("请选择需要上传的文件","#import-book-form-error-message");
}
修复连续创建项目封面无法生成的BUG
2018-07-25 16:02:37 +08:00
//$("#importBookDialogForm").submit();
实现导入Markdown
2018-03-24 17:24:02 +08:00
$("#btnImportBook").button("loading");
$('#import-book-upload').fileinput('upload');
修复连续创建项目封面无法生成的BUG
2018-07-25 16:02:37 +08:00
}).on("fileuploaded","#import-book-upload",function (event, data, previewId, index){
if(data.response.errcode === 0 || data.response.errcode === '0'){
showSuccess(data.response.message,"#import-book-form-error-message");
}else{
showError(data.response.message,"#import-book-form-error-message");
}
$("#btnImportBook").button("reset");
return true;
});
实现导入Markdown
2018-03-24 17:24:02 +08:00
修复连续创建项目封面无法生成的BUG
2018-07-25 16:02:37 +08:00
/**
* 删除项目
*/
$("#deleteBookForm").ajaxForm({
beforeSubmit : function () {
$("#btnDeleteBook").button("loading");
},
success : function (res) {
if(res.errcode === 0){
window.location = window.location.href;
}else{
showError(res.message,"#form-error-message2");
}
$("#btnDeleteBook").button("reset");
},
error : function () {
showError("服务器异常","#form-error-message2");
$("#btnDeleteBook").button("reset");
}
实现导入Markdown
2018-03-24 17:24:02 +08:00
});
修复连续创建项目封面无法生成的BUG
2018-07-25 16:02:37 +08:00
1、实现超级管理员用户管理功能 2、实现超级管理员项目列表功能 3、实现项目成员列表功能
2017-04-24 18:25:17 +08:00
window.app = new Vue({
实现项目列表、概述功能
2017-04-22 17:24:17 +08:00
el : "#bookList",
data : {
lists : {{.Result}}
},
delimiters : ['${','}'],
methods : {
}
});
Vue.nextTick(function () {
$("[data-toggle='tooltip']").tooltip();
});
搭建框架
2017-04-21 18:20:35 +08:00
});
</script>
搭建框架
2017-04-20 18:19:32 +08:00
</body>
修正事件延迟绑定 由于bootstrap的modal，在第二次打开的时候是一个全新的dom，所以此处一定要使用jquery延迟绑定，否则添加完一个项目之后，业务不刷新的情况下，保存按钮无效
2018-05-14 14:36:19 +08:00
</html>