xuemingqiang/leanote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
3bade30e1a5de4a747819d7b1bce5edb0c3e8edd
leanote/app/views/Note/note.html

1065 lines
38 KiB
HTML
Raw Normal View History

init
2014-05-07 13:06:24 +08:00
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="leanote,leanote.com">
<meta name="description" content="leanote, your own cloud note">
small
2014-05-07 16:49:49 +08:00
<title>leanote, your own cloud note</title>
init
2014-05-07 13:06:24 +08:00
<link href="css/bootstrap.css" rel="stylesheet" />
<!-- 先加载, 没有样式, 宽度不定 -->
<link rel="stylesheet" href="tinymce/skins/custom/skin.min.css" type="text/css" />
writing mode v1.0
2014-05-13 15:23:27 +08:00
init
2014-05-07 13:06:24 +08:00
<!-- leanote css -->
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<link href="css/font-awesome-4.0.3/css/font-awesome.css" rel="stylesheet" />
<link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
writing mode v1.0
2014-05-13 15:23:27 +08:00
<script>
var hash = location.hash;
if(hash == "#writing") {
var files = '<link rel="stylesheet" href="css/theme/writting-overwrite.css" type="text/css" id="themeLink" />';
} else {
var files ='<link rel="stylesheet" href="css/theme/{{if .userInfo.Theme}}{{.userInfo.Theme}}{{else}}default{{end}}.css" type="text/css" id="themeLink" />';
}
document.write(files);
</script>
init
2014-05-07 13:06:24 +08:00
writing mode v1.0
2014-05-13 15:23:27 +08:00
<!-- For Develop writting mod -->
init
2014-05-07 13:06:24 +08:00
<script>
function log(o) {
}
</script>
</head>
<body>
<div id="page">
<div id="pageInner">
<!-- 头部 -->
<!-- <div id="headerContainer"> -->
<div id="header">
leanote logo font
2014-09-04 12:53:04 +08:00
<!--
<div id="headerLeft" class="pull-left">
</div>
init
2014-05-07 13:06:24 +08:00
-->
<div id="logo" class="pull-left">
leanote logo font
2014-09-04 12:53:04 +08:00
<!--<span>lea</span>note -->
<!--<img style="height: 45px;" src="/images/logo/leanote_white.png" title="leanote, 不一样的笔记" alt="leanote">-->
init
2014-05-07 13:06:24 +08:00
</div>
<div id="switcher" class="pull-left">
<i class="fa fa-align-justify" id="leftSwitcher" title="{{msg . "leftHidden"}}"></i>
leanote logo font
2014-09-04 12:53:04 +08:00
<span id="leftSwitcher2" title="{{msg . "leftShow"}}"></span>
init
2014-05-07 13:06:24 +08:00
</div>
<!-- search -->
writing mode v1.0
2014-05-13 15:23:27 +08:00
<div class="pull-left" id="searchWrap">
init
2014-05-07 13:06:24 +08:00
<form class="navbar-form form-inline col-lg-2 hidden-xs" id="searchNote">
<input class="form-control" placeholder="Search" type="text" id="searchNoteInput">
</form>
</div>
<!-- 全局按钮 -->
writing mode v1.0
2014-05-13 15:23:27 +08:00
<div class="pull-left" style="" id="newNoteWrap">
init
2014-05-07 13:06:24 +08:00
<!-- 新建笔记 -->
<div id="newMyNote">
<a id="newNoteBtn" title="{{msg . "newNote"}}">
<i class="fa fa-file-o"></i>
{{msg . "newNote"}}
</a>
writing mode v1.0
2014-05-13 15:23:27 +08:00
<span class="new-split">|</span>
init
2014-05-07 13:06:24 +08:00
<a id="newNoteMarkdownBtn" title="{{msg . "newMarkdown"}}">
Markdown
</a>
writing mode v1.0
2014-05-13 15:23:27 +08:00
<span class="for-split"> - </span>
<span id="curNotebookForNewNote" notebookId=""></span>
init
2014-05-07 13:06:24 +08:00
<div class="dropdown" style="display: inline-block">
<a class="ios7-a dropdown-toggle"
id="dropdownMenu2" data-toggle="dropdown">
<i class="fa fa-angle-down"></i>
</a>
release v1.0
2014-09-13 13:25:49 +08:00
<div class="dropdown-menu dropdown-list" id="searchNotebookForAddDropdownList">
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<input type="text" placeholder="search notebook" class="form-control" id="searchNotebookForAdd"/>
<ul class="clearfix" role="menu" aria-labelledby="dropdownMenu2" id="notebookNavForNewNote">
</ul>
</div>
init
2014-05-07 13:06:24 +08:00
</div>
</div>
<!-- 只为新建别人的笔记 -->
<div id="newSharedNote" style="display: none">
<a id="newSharedNoteBtn">
<i class="fa fa-file-o"></i>
{{msg . "newNote"}}
</a>
writing mode v1.0
2014-05-13 15:23:27 +08:00
<span class="new-split">|</span>
init
2014-05-07 13:06:24 +08:00
<a id="newShareNoteMarkdownBtn" title="{{msg . "newMarkdown"}}">
Markdown
</a>
writing mode v1.0
2014-05-13 15:23:27 +08:00
<span class="for-split"> - </span>
<span id="curNotebookForNewSharedNote" notebookId="" userId=""></span>
init
2014-05-07 13:06:24 +08:00
<div class="dropdown" style="display: inline-block">
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<a class="ios7-a dropdown-toggle" data-toggle="dropdown">
init
2014-05-07 13:06:24 +08:00
<i class="fa fa-angle-down"></i>
</a>
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<div class="dropdown-menu dropdown-list" style="left: -200px;" >
<ul id="notebookNavForNewSharedNote"></ul>
</div>
init
2014-05-07 13:06:24 +08:00
</div>
</div>
</div>
writing mode v1.0
2014-05-13 15:23:27 +08:00
<div class="pull-left" id="leanoteMsg">
init
2014-05-07 13:06:24 +08:00
<span id="msg" style="display: inline-block;"></span>
writing mode v1.0
2014-05-13 15:23:27 +08:00
<span id="loading">
</span>
init
2014-05-07 13:06:24 +08:00
</div>
<!--
<div class="pull-left alert-warning" style="line-height: 20px; margin-top: 10px; margin-left: 0px; display: none" id="verifyMsg">
您还没有验证邮箱, 验证邮件已发送至 {{.userInfo.Email}}.
<br />
<a class=".nowToActive">现在去验证</a> <a id="reSendActiveEmail">重新发送</a> <a id="wrongEmail">邮箱填错了?</a>
</div>
-->
<div class="pull-right" style="margin: 0 10px" id="myProfile">
<div class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" style="line-height: 60px;">
<!--
<img src="images/avatar.png" style="height: 40px; border: 1px solid #ccc" />
-->
<span class="username">
{{if .userInfo.UsernameRaw}}
{{.userInfo.UsernameRaw}}
{{else}}
{{.userInfo.Username}}
{{end}}
</span>
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu li-a" role="menu">
<li role="presentation" id="setInfo">
<i class="fa fa-info"></i>
{{msg . "accountSetting"}}
</li>
<li role="presentation" id="setTheme">
<i class="fa fa-sun-o"></i>
{{msg . "themeSetting"}}
</li>
<!--
<li role="presentation" id="yourSuggestions">
<i class="fa fa-comment-o"></i>
{{msg . "yourSuggestions"}}
</li>
-->
<li role="presentation" onclick="logout()">
<i class="fa fa-sign-out"></i>
{{msg . "logout"}}
</li>
</ul>
</div>
</div>
lea++
2014-09-24 23:01:57 +08:00
<div class="pull-right" style="line-height: 60px; margin:0 10px">
<a target="_blank" title="lea++, leanote blog platform" href="/lea/index">lea++</a>
</div>
init
2014-05-07 13:06:24 +08:00
<div class="pull-right" style="margin: 0 10px" id="topNav">
<a target="_blank" href="/blog/{{.userInfo.Username}}">
{{msg . "myBlog"}}
</a>
</div>
lea++
2014-09-24 23:01:57 +08:00
writing mode v1.0
2014-05-13 15:29:23 +08:00
<div class="pull-right" style="line-height: 60px; margin-right:10px" id="toggleEditorMode">
<a href="#writing">{{msg . "writingMode"}}</a>
</div>
note i18n
2014-05-10 16:12:38 +08:00
{{if eq .userInfo.Email "demo@leanote.com"}}
{{if .openRegister}}
writing mode v1.0
2014-05-13 15:29:23 +08:00
<div class="pull-right" style="line-height: 60px; margin-right:10px" id="demoRegister">
note i18n
2014-05-10 16:12:38 +08:00
<span>
{{msg . "demoRegister"}}
</span>
</div>
{{end}}
{{end}}
init
2014-05-07 13:06:24 +08:00
<!--
<ul id="setting" class="pull-right">
<li class="dropdown messages">
<a class="dropdown-toggle" data-toggle="dropdown">
<span aria-hidden="true" class="icon se7en-flag"></span>
<div class="sr-only">Messages</div>
<p class="counter">3</p>
</a>
<ul class="dropdown-menu">
<li><a href="#"> c@c.com 共享了笔记给你 是否接受? </a></li>
<li><a href="#"> d@c.com 共享了笔记给你 是否接受? </a></li>
</ul>
</li>
<li class="dropdown settings">
<a class="dropdown-toggle" data-toggle="dropdown">
<span aria-hidden="true" class="icon se7en-gear"></span>
<div class="sr-only">Settings</div>
</a>
<ul class="dropdown-menu">
<li><a class="settings-link blue"><span></span>Blue</a></li>
<li><a class="settings-link green"><span></span>Green</a></li>
<li><a class="settings-link orange"><span></span>Orange</a>
</li>
<li><a class="settings-link magenta"><span></span>Magenta</a>
</li>
<li><a class="settings-link gray"><span></span>Gray</a></li>
</ul>
</li>
</ul>
-->
<div style="clear: both"></div>
</div>
<div id="mainContainer" class="clearfix">
<div id="mainMask">
<img src="/images/loading-30.gif" />
<br />
<br />
loading...
</div>
<div id="leftNotebook">
<div id="notebook">
<div class="folderNote opened" id="myNotebooks">
<div class="folderHeader clearfix">
<i class="fa fa-book pull-left fa-left"></i>
<span class="pull-left">
{{msg . "notebook"}}
</span>
<div class="pull-right" id="addNotebookPlus" title="{{msg . "addNotebook"}}">
<i class="fa fa-plus" title="{{msg . "addNotebook"}}"></i>
</div>
</div>
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<div class="folderBody">
<input type="text" class="form-control" id="searchNotebookForList" placeholder="search notebook"/>
<ul class="ztree" id="notebookList"></ul>
<ul class="ztree" id="notebookListForSearch"></ul>
</div>
init
2014-05-07 13:06:24 +08:00
</div>
<div class="folderNote closed" id="myTag">
<div class="folderHeader">
<i class="fa fa-bookmark fa-left"></i>
<span>
{{msg . "tag"}}
</span>
</div>
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<ul class="folderBody clearfix" id="tagNav">
init
2014-05-07 13:06:24 +08:00
<li><a> <span class="label label-red">{{msg . "red"}}</span></a></li>
<li><a> <span class="label label-blue">{{msg . "blue"}}</span></a></li>
<li><a> <span class="label label-yellow">{{msg . "yellow"}}</span></a></li>
<li><a> <span class="label label-green">{{msg . "green"}}</span></a></li>
</ul>
</div>
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<div class="folderNote closed" id="myShareNotebooks">
init
2014-05-07 13:06:24 +08:00
<div class="folderHeader">
<i class="fa fa-user fa-left"></i>
<span>
writing mode v1.0
2014-05-13 15:23:27 +08:00
{{msg . "share"}}
init
2014-05-07 13:06:24 +08:00
</span>
</div>
<ul class="folderBody" id="shareNotebooks">
</ul>
</div>
</div>
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<!-- 缩小版 todo 不要展示, 点击展开即可 -->
init
2014-05-07 13:06:24 +08:00
<div id="notebookMin">
<!-- 这里隐藏, 不要 -->
<div target="#notebookList" title="{{msg . "notebook"}}" class="minContainer">
<i class="fa fa-book"></i>
<ul class="dropdown-menu" id="minNotebookList">
</ul>
</div>
<div target="#tagNav" title="{{msg . "myTag"}}" class="minContainer">
<i class="fa fa-bookmark"></i>
<ul class="dropdown-menu" id="minTagNav">
</ul>
</div>
<div id="minShareNotebooks">
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<div class="minContainer" target="#friendContainer0" title="{{msg . "share"}}">
init
2014-05-07 13:06:24 +08:00
<i class="fa fa-user"></i>
</div>
</div>
</div>
<!--
底下隐藏/展开
<div id="notebookBottom">
<i class="fa fa-angle-left" id="leftSwitcher"></i>
</div>
-->
</div>
<div class="noteSplit" id="notebookSplitter"></div>
<div id="noteAndEditor">
<div id="noteList">
<div class="clearfix" id="notesAndSort" style="position: relative">
<div class="pull-left">
<!-- 我的笔记本 -->
<div class="dropdown" id="myNotebookNavForListNav">
<a class="ios7-a dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
<span id="curNotebookForListNote">{{msg . "all"}}</span>
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<!--
init
2014-05-07 13:06:24 +08:00
<i class="fa fa-angle-down"></i>
v1.0-alpha release
2014-09-12 21:46:03 +08:00
-->
init
2014-05-07 13:06:24 +08:00
</a>
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<!-- 如果notebook过多, 则会产生滚动 弃用
<div class="dropdown-menu dropdown-list" style="left: 5px;">
<ul role="menu" aria-labelledby="dropdownMenu1" id="notebookNavForListNote"></ul>
</div>
-->
init
2014-05-07 13:06:24 +08:00
</div>
<!-- 共享的笔记本 -->
<div class="dropdown" id="sharedNotebookNavForListNav" style="display: none">
<a class="ios7-a dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown">
<span id="curSharedNotebookForListNote">{{msg . "all"}}</span>
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<!--
init
2014-05-07 13:06:24 +08:00
<i class="fa fa-angle-down"></i>
v1.0-alpha release
2014-09-12 21:46:03 +08:00
-->
init
2014-05-07 13:06:24 +08:00
</a>
<ul class="dropdown-menu" role="menu"
aria-labelledby="dropdownMenu2" style="left: 5px;" id="sharedNotebookNavForListNote">
</ul>
</div>
</div>
<div class="pull-left" id="tagSearch" style="line-height: 38px">
</div>
<div id="sortType">
<div class="dropdown">
<a class="ios7-a dropdown-toggle" id="dropdownMenu1"
data-toggle="dropdown">
<!--
<i class="fa fa-sort-alpha-asc">
</i>Sort <i class="fa fa-angle-down"></i>
-->
</a>
#10 #14 [ok] add attachment feature, 1) upload, delete, 2) link attach into content (include tinymce & markdown) markdown-editor.js add insertLink function to add link into markdown content, usage: MarkdownEditor.insertLink(link, title) paste plugin edit for safety image
2014-09-21 22:09:54 +08:00
<!--
init
2014-05-07 13:06:24 +08:00
<ul class="dropdown-menu" role="menu"
aria-labelledby="dropdownMenu1"
style="right: 3px; ! important; left: -100px; min-width: 100px;">
<li role="presentation"><a role="menuitem" tabindex="-1"
href="#">创建日期</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1"
href="#">修改日期</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1"
href="#">标题</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1"
href="#">Separated </a></li>
</ul>
#10 #14 [ok] add attachment feature, 1) upload, delete, 2) link attach into content (include tinymce & markdown) markdown-editor.js add insertLink function to add link into markdown content, usage: MarkdownEditor.insertLink(link, title) paste plugin edit for safety image
2014-09-21 22:09:54 +08:00
-->
init
2014-05-07 13:06:24 +08:00
</div>
</div>
</div>
<!-- 笔记列表 -->
<!-- wrap 为了slimScroll -->
<div id="noteItemListWrap" style="position: absolute; left: 0; right: 0; top: 41px; bottom: 3px">
<div id="noteItemList">
</div>
</div>
</div>
<div class="noteSplit" id="noteSplitter"></div>
<div id="note">
<!-- 只读模式 -->
<div id="noteRead">
<div id="noteReadContainer">
<div id="noteReadTop">
<h2 id="noteReadTitle"></h2>
<div class="clearfix">
<div class="pull-left">
<i class="fa fa-bookmark-o"></i>
<span id="noteReadTags"></span>
</div>
<!-- 修改时间 -->
<div class="pull-left" style="margin-left: 10px;">
<i class="fa fa-calendar"></i>{{msg . "update"}}
<span id="noteReadUpdatedTime"></span>
</div>
<!-- 修改时间 -->
<div class="pull-left" style="margin-left: 10px;">
<i class="fa fa-calendar"></i>{{msg . "create"}}
<span id="noteReadCreatedTime"></span>
</div>
</div>
</div>
<div id="noteReadContent">
</div>
</div>
</div>
<!-- 遮罩, 为了resize3Columns用 -->
<div id="noteMask"
style="position: absolute; top: 0px; bottom: 0px; right: 0; left: 10px; z-index: -1"></div>
<div id="editorMask">
该笔记本下空空如也...何不
<br />
<div id="editorMaskBtns">
<br />
<a class="note">新建笔记</a>
<a class="markdown">新建Markdown笔记</a>
</div>
<div id="editorMaskBtnsEmpty">
Sorry, 这里不能添加笔记的.
</div>
</div>
<div id="noteTop">
<!-- 左侧放tag, 右侧放按钮, 比如save, info, move, delete -->
<div id="tool" class="clearfix">
<!-- tag可以参考 mac的文件tag, 预定义一些颜色, 用户也可以自己输入-->
<!--
<div class="pull-left" id="noteTitleDiv">
<input name="noteTitle" id="noteTitle" value="" placeholder="无标题">
</div>
-->
<div class="pull-left" id="tag">
<div id="tags" style="display: inline-block; line-height: 25px;">
</div>
<div class="dropdown" style="display: inline-block"
id="tagDropdown">
<i class="fa fa-bookmark-o"></i>
<a
class="metro-a dropdown-toggle" data-toggle="dropdown"
id="addTagTrigger" style="cursor: text; padding-left: 0">
{{msg . "clickAddTag"}}
</a>
<input type="text" id="addTagInput" />
<ul class="dropdown-menu" role="menu" id="tagColor">
<li role="presentation"><span class="label label-red">{{msg . "red"}}</span>
</li>
<li role="presentation"><span class="label label-blue">{{msg . "blue"}}</span>
</li>
<li role="presentation"><span class="label label-yellow">{{msg . "yellow"}}</span></li>
<li role="presentation"><span class="label label-green">{{msg . "green"}}</span></li>
</ul>
</div>
</div>
leaui image
2014-07-08 21:45:43 +08:00
init
2014-05-07 13:06:24 +08:00
<ul class="pull-right" id="editorTool">
<li><a class="ios7-a " id="saveBtn" title="ctrl+s"
data-toggle="dropdown">{{msg . "save"}}</a></li>
#10 #14 [ok] add attachment feature, 1) upload, delete, 2) link attach into content (include tinymce & markdown) markdown-editor.js add insertLink function to add link into markdown content, usage: MarkdownEditor.insertLink(link, title) paste plugin edit for safety image
2014-09-21 22:09:54 +08:00
<li class="dropdown" id="attachDropdown">
<a class="ios7-a dropdown-toggle" data-toggle="dropdown" id="showAttach">
<!--
<span class="fa fa-upload"></span>
-->
{{msg . "attachments"}}<span id="attachNum"></span>
</a>
<div class="dropdown-menu" id="attachMenu">
<ul id="attachList">
</ul>
<form id="uploadAttach" method="post" action="/attach/UploadAttach" enctype="multipart/form-data">
<div id="dropAttach">
<a class="btn btn-success btn-choose-file">
Choose File to Upload
</a>
<a class="btn btn-default" id="downloadAllBtn">
<i class="fa fa-download"></i>
Download All
</a>
<a class="btn btn-default" id="linkAllBtn">
<i class="fa fa-link"></i>
Link All
</a>
<input type="file" name="file" multiple/>
</div>
<div id="attachUploadMsg">
</div>
</form>
</div>
</li>
init
2014-05-07 13:06:24 +08:00
<li><a class="ios7-a " id="tipsBtn"
data-toggle="dropdown">{{msg . "editorTips"}}</a></li>
<li><a class="ios7-a " id="contentHistory"
data-toggle="dropdown">{{msg . "history"}}</a></li>
</ul>
</div>
<div id="noteTitleDiv">
editor tabIndex
2014-05-13 16:47:06 +08:00
<input name="noteTitle" id="noteTitle" value="" placeholder="{{msg . "unTitled"}}" tabindex="1" />
init
2014-05-07 13:06:24 +08:00
</div>
</div>
<div id="editor">
<!-- 编辑器 -->
<div id="mceToolbar" style="">
<div id="popularToolbar"
style="position: absolute; right: 30px; left: 0"></div>
<a
style="dispaly: block; position: absolute; cursor: pointer; right: 10px; padding: 3px 10px"
id="moreBtn"> <i class="fa fa-angle-down"></i>
</a>
</div>
writing mode v1.0
2014-05-13 15:23:27 +08:00
<div class="editorBg"></div>
init
2014-05-07 13:06:24 +08:00
<div id="leanoteNav">
<h1>
<i class="fa fa-align-justify" title="文档导航"></i>
<span>{{msg . "nav"}}</span>
</h1>
<div id="leanoteNavContent">
</div>
</div>
leaui image fix bugs
2014-07-15 20:55:28 +08:00
#10 #14 [ok] add attachment feature, 1) upload, delete, 2) link attach into content (include tinymce & markdown) markdown-editor.js add insertLink function to add link into markdown content, usage: MarkdownEditor.insertLink(link, title) paste plugin edit for safety image
2014-09-21 22:09:54 +08:00
<!-- leaui image drop image to editor-->
leaui image fix bugs
2014-07-15 20:55:28 +08:00
<form id="upload" method="post" action="/file/uploadImageLeaui" enctype="multipart/form-data" style="margin-top: 5px;">
<div id="drop">
Drop images to here
<input type="file" name="file" multiple style="display: none"/>
</div>
<ul id="uploadMsg">
</ul>
</form>
init
2014-05-07 13:06:24 +08:00
<!-- 由此可以算高度 -->
editor tabIndex
2014-05-13 16:47:06 +08:00
<div id="editorContent" name="editorContent" tabindex="2" />
init
2014-05-07 13:06:24 +08:00
{{.noteContent}}
</div>
</div>
<div id="mdEditor">
<div id="wmd-button-bar" id="mdBar"></div>
writing mode v1.0
2014-05-13 15:23:27 +08:00
<div class="editorBg"></div>
init
2014-05-07 13:06:24 +08:00
<!-- 为了scroll -->
<div class="clearfix" id="mdEditorPreview">
<div id="left-column" class="pull-left">
<div id="wmd-panel-editor" class="wmd-panel-editor">
editor tabIndex
2014-05-13 16:47:06 +08:00
<textarea class="wmd-input theme" id="wmd-input" spellcheck="false" tabindex="3"></textarea>
init
2014-05-07 13:06:24 +08:00
</div>
</div>
<div id="right-column" class="pull-right">
<div id="wmd-panel-preview" class="wmd-panel-preview preview-container">
<div id="wmd-preview" class="wmd-preview"></div>
</div>
</div>
</div>
<textarea id="md-section-helper"></textarea>
</div>
leaui image
2014-07-08 21:45:43 +08:00
<!-- for test -->
init
2014-05-07 13:06:24 +08:00
<!-- mdEditor -->
<!-- Hidden Popup Modal -->
<div class="modal fade bs-modal-sm" id="editorDialog" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="editorDialog-title">操作</h4>
</div>
<div class="modal-body">
<p></p>
<div class="input-group">
<span class="input-group-addon">
<i></i>
</span>
<input type="text" class="form-control" placeholder="">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" id="editorDialog-confirm">确认</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</div>
</div>
<!-- 弹出框 模板 -->
<div class="modal fade bs-modal-sm" id="leanoteDialogRemote" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
</div>
<div class="modal fade bs-modal-sm" id="leanoteDialog" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="modalTitle">操作</h4>
</div>
<div class="modal-body">
内容区
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal fade bs-modal-sm" id="sendRegisterEmailDialog" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" class="modalTitle">邀请好友</h4>
</div>
<div class="modal-body">
<form role="form">
<div class="form-group">
<div id="registerEmailMsg" class="alert alert-warning" style="display: none">
</div>
<input type="hidden" id="toEmail"/>
<label for="emailContent">邮件内容</label>
<textarea class="form-control" id="emailContent">Hi, 我是李铁, leanote非常好用, 快来注册吧.</textarea>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-success" id="registerEmailBtn">发送</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal fade bs-modal-sm" id="setThemeDialog" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" class="modalTitle">主题设置</h4>
</div>
<div class="modal-body">
<style>
#themeForm td {
padding: 5px;
text-align: center;
}
#themeForm img {
border: 1px solid #eee;
padding: 2px;
}
</style>
<table id="themeForm">
<tr>
<td>
<label>
<img src="/images/slider/all.gif" height="100px">
<br />
<input type="radio" name="theme" value="default"> {{msg . "default"}}
</label>
</td>
<td>
<label>
<img src="/images/slider/all-simple.gif" height="100px">
<br />
<input type="radio" name="theme" value="simple"> {{msg . "simple"}}
</label>
</td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">{{msg . "close"}}</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- 编辑器提示 -->
<div class="modal fade bs-modal-sm" id="tipsDialog" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" class="modalTitle">{{msg . "editorTips"}}</h4>
</div>
<div class="modal-body">
{{msg . "editorTipsInfo"}}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">{{msg . "close"}}</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- 图片上传 -->
<div class="modal fade bs-modal-sm" id="imageDialog" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content" style="height: 460px;" >
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" class="modalTitle">{{msg . "uploadImage"}}</h4>
</div>
<div class="modal-body">
<iframe style="" height="360" src="" scrolling="no" frameBorder="0" width="99%"></iframe>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- 您的建议
<div class="modal fade bs-modal-sm" id="suggestionsDialog" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" class="modalTitle">{{msg . "yourSuggestions"}}</h4>
</div>
<div class="modal-body">
<div style="margin-bottom:20px;">
{{msg . "suggestionsInfo"}}<br />
</div>
<div class="alert alert-warning" id="suggestionMsg" style="display: none"> </div>
<textarea style="width: 100%; height: 100px" id="suggestionTextarea" placeholder="{{msg . "suggestions"}}"></textarea>
</div>
<div class="modal-footer">
<button id="suggestionBtn" class="btn btn-success" >{{msg . "submit"}}</button>
<button type="button" class="btn btn-default" data-dismiss="modal">{{msg . "close"}}</button>
</div>
</div>
</div>
</div>
-->
<!-- modal 静态区域 -->
<div class="display: hidden">
<!-- 长微博 -->
<div id="html2ImageDialog">
<div class="modal-body">
<div style="max-height: 300px; padding: 5px 0; text-align: center; overflow: scroll;" class="weibo">
<span class="text">
leanote正在努力为你生成长微博...
</span>
<br />
<img src="/images/loading-24.gif"/>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">{{msg . "cancel"}}</button>
<button type="button" class="btn btn-success sendWeiboBtn disabled">{{msg . "send"}}</button>
</div>
</div>
note i18n
2014-05-10 16:12:38 +08:00
<!-- 激活邮件 -->
init
2014-05-07 13:06:24 +08:00
<div id="reSendActiveEmailDialog">
<div class="modal-body">
<div style="max-height: 300px; padding: 5px 0; text-align: center; overflow: scroll;" class="weibo">
<span class="text">
<img src="/images/loading-24.gif"/>
正在发送邮件到{{.userInfo.Email}}...
</span>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-success viewEmailBtn disabled">查看邮件</button>
</div>
</div>
<!-- 帐户设置 -->
<div id="dialogSetInfo">
<div class="modal-body">
<ul class="nav nav-tabs" id="myTabs">
<li><a href="#baseInfo" data-toggle="tab">{{msg . "basicInfo"}}</a></li>
<li><a href="#emailInfo" data-toggle="tab">{{msg . "updateEmail"}}</a></li>
<li><a href="#updatePwd" data-toggle="tab">{{msg . "updatePassword"}}</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="baseInfo">
<form>
<table>
<tr>
<td>
<label for="username">用户名设置</label>
<div class="alert alert-danger" id="usernameMsg" style="display: none"></div>
<input type="text" class="form-control" id="username">
你的邮箱是 {{.userInfo.Email}}, 可以再设置一个唯一的用户名.
<br />
用户名至少4位, 不可含特殊字符.
</td>
</tr>
<tr>
<td>
<button id="usernameBtn" class="btn btn-success">提交</button>
</td>
</tr>
</table>
</form>
</div>
<div class="tab-pane" id="emailInfo">
<form>
<table>
<tr>
<td>
当前邮箱为: <span id="curEmail">{{.userInfo.Email}}</span>
{{if .userInfo.Verified}}
已验证
{{else}}
未验证
<a class="raw nowToActive">现在去验证</a>
<a class="raw reSendActiveEmail">重新发送</a>
{{end}}
<br />
<label for="email">修改邮箱</label>
<div class="alert alert-danger" id="emailMsg" style="display: none"></div>
<input type="text" class="form-control" id="email">
邮箱修改后, 验证之后才有效, 验证之后新的邮箱地址将会作为登录帐号使用.
</td>
</tr>
<tr>
<td>
<button id="emailBtn" class="btn btn-success">发送验证邮箱</button>
</td>
</tr>
</table>
</form>
</div>
<div class="tab-pane" id="updatePwd">
<form>
<table style="width: 80%">
<tr>
<td>
<div class="alert alert-danger" id="pwdMsg" style="display: none"></div>
</td>
</tr>
<tr>
<td style="width: 80px">
<label for="pwd">{{msg . "oldPassword"}}</label>
<input type="password" class="form-control" id="oldPwd" name="oldPwd">
</td>
</tr>
<tr>
<td>
<label for="pwd">{{msg . "newPassword"}}</label>
<input type="password" class="form-control" id="pwd" name="pwd">
</td>
</tr>
<tr>
<td>
<label for="pwd2">{{msg . "password2"}}</label>
<input type="password" class="form-control" id="pwd2" name="pwd2">
</td>
</tr>
<tr>
<td>
update email
2014-05-27 11:37:03 +08:00
<button id="pwdBtn" class="btn btn-success">{{msg . "submit"}}</button>
init
2014-05-07 13:06:24 +08:00
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
<!-- 账号设置, 是通过third 登录进来的 -->
<div id="thirdDialogSetInfo">
<div class="modal-body">
<ul class="nav nav-tabs" id="thirdMyTabs">
<li><a href="#accountInfo" data-toggle="tab">创建帐号</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="accountInfo">
您现在使用的是第三方帐号登录leanote, 您也可以注册leanote帐号登录, 赶紧注册一个吧.
<br />
注册成功后仍可以使用第三方帐号登录leanote并管理您现有的笔记.
<form>
<div class="alert alert-danger" id="thirdAccountMsg" style="display: none"></div>
<table style="width: 100%">
<tr>
<td>
<label for="thirdEmail">邮箱</label>
</td>
<td>
<input type="text" class="form-control" id="thirdEmail">
</td>
</tr>
<tr>
<td>
<label for="thirdPwd">密码</label>
</td>
<td>
<input type="password" class="form-control" id="thirdPwd">
</td>
<td>
密码至少6位
</td>
</tr>
<tr>
<td>
<label for="thirdPwd2">重复密码</label>
</td>
<td>
<input type="password" class="form-control" id="thirdPwd2">
</td>
</tr>
<tr>
<td></td>
<td>
<button id="accountBtn" class="btn btn-success" style="width: 100%">提交</button>
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
<div class="hide" id="copyDiv"></div>
</div>
</div>
</div>
<script src="js/jquery-1.9.0.min.js"></script>
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<script src="js/jquery.ztree.all-3.5.js"></script>
init
2014-05-07 13:06:24 +08:00
<script src="js/i18n/msg.{{.locale}}.js"></script>
<script src="js/common-min.js"></script>
<script>
var UrlPrefix = "http://leanote.com"; // 为了发weibo
var UserInfo = json({{.userInfoJson}});
var notebooks = json({{.notebooks}});
var shareNotebooks = json({{.shareNotebooks}});
var sharedUserInfos = json({{.sharedUserInfos}});
var notes = json({{.notes}});
var noteContentJson = json({{.noteContentJson}});
var tagsJson = json({{.tagsJson}});
editor i18n
2014-05-10 16:28:09 +08:00
LEA.locale = "{{.locale}}";
init
2014-05-07 13:06:24 +08:00
</script>
v1.0-alpha release
2014-09-12 21:46:03 +08:00
init
2014-05-07 13:06:24 +08:00
<!-- 渲染view -->
<script src="/js/jQuery-slimScroll-1.3.0/jquery.slimscroll.js"></script>
v1.0-alpha release
2014-09-12 21:46:03 +08:00
<script src="/js/contextmenu/jquery.contextmenu-min.js"></script>
init
2014-05-07 13:06:24 +08:00
<script src="js/app/page-min.js"></script>
paste image on chrome
2014-06-08 17:57:19 +08:00
<script src="tinymce/tinymce.js"></script>
init
2014-05-07 13:06:24 +08:00
<script src="js/jquery-cookie-min.js"></script>
<script src="js/bootstrap-min.js"></script>
<script src="js/app/note-min.js"></script>
<script src="js/app/tag-min.js"></script>
<script src="js/app/notebook-min.js"></script>
<script src="js/app/share-min.js"></script>
<script src="js/object_id-min.js"></script>
<script src="js/ZeroClipboard/ZeroClipboard-min.js"></script>
<script>
Notebook.renderNotebooks(notebooks);
Share.renderShareNotebooks(sharedUserInfos, shareNotebooks);
Note.renderNotes(notes);
if(!isEmpty(notes)) {
Note.changeNote(notes[0].NoteId);
}
Note.setNoteCache(noteContentJson);
Note.renderNoteContent(noteContentJson)
Tag.renderTagNav(tagsJson);
slim scroll
2014-06-14 17:29:29 +08:00
// init notebook后才调用
initSlimScroll();
init
2014-05-07 13:06:24 +08:00
</script>
<!-- mdEditor -->
<link href="/public/mdeditor/editor/editor.css" rel="stylesheet">
<script src="/public/mdeditor/editor/pagedown/Markdown.Converter-min.js"></script>
<script src="/public/mdeditor/editor/pagedown/Markdown.Sanitizer-min.js"></script>
#10 #14
2014-09-21 22:52:37 +08:00
<script src="/public/mdeditor/editor/pagedown/Markdown.Editor-min.js"></script>
init
2014-05-07 13:06:24 +08:00
<script src="/public/mdeditor/editor/pagedown/local/Markdown.local.zh-min.js"></script>
<script src="/public/mdeditor/editor/Markdown.Extra-min.js"></script>
<script src="/public/mdeditor/editor/underscore-min.js"></script>
<script src="/public/mdeditor/editor/scrollLink-min.js"></script>
<!--mathjax-->
<script type="text/x-mathjax-config">
MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ["\\(","\\)"]], processEscapes: true }, messageStyle: "none"});
</script>
<script src="/public/mdeditor/editor/mathJax-min.js"></script>
leaui image
2014-07-08 22:09:48 +08:00
<script src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
init
2014-05-07 13:06:24 +08:00
<script src="/public/mdeditor/editor/jquery.waitforimages-min.js"></script>
<script src="/public/mdeditor/editor/google-code-prettify/prettify.js"></script>
<script src="/public/mdeditor/editor/editor-min.js"></script>
<!-- mdEditor end -->
<!-- context-menu -->
<link rel="stylesheet" href="/js/contextmenu/css/contextmenu.css" type="text/css" />
leaui image
2014-07-08 21:45:43 +08:00
#10 #14 [ok] add attachment feature, 1) upload, delete, 2) link attach into content (include tinymce & markdown) markdown-editor.js add insertLink function to add link into markdown content, usage: MarkdownEditor.insertLink(link, title) paste plugin edit for safety image
2014-09-21 22:09:54 +08:00
<!-- js version 2.0 use require.js -->
leaui image
2014-07-08 21:45:43 +08:00
<script src="/js/require.js"></script>
<script>
require.config({
baseUrl: '/public',
paths: {
leaui image
2014-07-08 22:05:33 +08:00
// 'jquery': 'js/jquery-1.9.0.min',
leaui image
2014-07-08 21:45:43 +08:00
'leaui_image': 'tinymce/plugins/leaui_image/public/js/for_editor',
#10 #14 [ok] add attachment feature, 1) upload, delete, 2) link attach into content (include tinymce & markdown) markdown-editor.js add insertLink function to add link into markdown content, usage: MarkdownEditor.insertLink(link, title) paste plugin edit for safety image
2014-09-21 22:09:54 +08:00
'attachment_upload': 'js/app/attachment_upload',
leaui image
2014-07-08 21:45:43 +08:00
'jquery.ui.widget': 'tinymce/plugins/leaui_image/public/js/jquery.ui.widget',
#10, #14
2014-09-22 00:41:17 +08:00
'fileupload': '/tinymce/plugins/leaui_image/public/js/jquery.fileupload',
'iframe-transport': '/tinymce/plugins/leaui_image/public/js/jquery.iframe-transport'
leaui image
2014-07-08 21:45:43 +08:00
},
shim: {
#10, #14
2014-09-22 00:41:17 +08:00
'fileupload': {deps: ['jquery.ui.widget', 'iframe-transport']}
leaui image
2014-07-08 21:45:43 +08:00
}
});
require(['leaui_image'], function(leaui_image) {
});
#10 #14 [ok] add attachment feature, 1) upload, delete, 2) link attach into content (include tinymce & markdown) markdown-editor.js add insertLink function to add link into markdown content, usage: MarkdownEditor.insertLink(link, title) paste plugin edit for safety image
2014-09-21 22:09:54 +08:00
require(['attachment_upload'], function(attachment_upload) {
});
leaui image
2014-07-08 21:45:43 +08:00
</script>
init
2014-05-07 13:06:24 +08:00
</body>
</html>
Reference in New Issue Copy Permalink