Skip to content

K
kityminder-core
Commit 3c6ca13b authored by techird's avatar techird
Browse files
Options

add index.html

parents 6c6f9873 e9d87fe6
Expand all Show whitespace changes
Inline Side-by-side
Showing with 377 additions and 196 deletions
edit.html
View file @ 3c6ca13b
......@@ -7,7 +7,7 @@
<meta name="description" content="百度脑图，便捷的脑图编辑工具。让您在线上直接创建、保存并分享你的思路。">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>百度脑图 - 便捷的思维导图工具</title>
<title>百度脑图 - 便捷的思维编辑工具</title>
<script src="import.js?pack=edit" charset="utf-8"></script>
<script src="kityminder.config.js" charset="utf-8"></script>
......
import.js
View file @ 3c6ca13b
This diff is collapsed.
index.html 0 → 100644
View file @ 3c6ca13b
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="title" content="百度脑图（KityMinder）">
<meta name="keyword" content="kityminder,脑图,思维导图,kity,svg,minder,百度,fex,前端,在线">
<meta name="description" content="百度脑图，便捷的脑图编辑工具。让您在线上直接创建、保存并分享你的思路。">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>百度脑图 - 便捷的思维编辑工具</title>
<script src="import.js?pack=index"></script>
<script>
$(function() {
var pattern = /(?:shareId|share_id)=(\w+)([&#]|$)/;
var match = pattern.exec(window.location) || pattern.exec(document.referrer);
if (match) {
window.location.href = 'viewshare.html?shareId=' + match[1];
return;
}
/* 初始化网盘使用的 APP 身份 */
fio.user.init({
apiKey: 'wiE55BGOG8BkGnpPs6UNtPbb'
});
$('hr').addClass('loading');
var $a = $('p.login a').hide();
fio.user.check().then(function(user) {
if (user) {
window.location.href = 'edit.html';
}
else {
$a.fadeIn(800);
$('hr').removeClass('loading');
}
});
$('p.login a').click(function() {
fio.user.login({
redirectUrl: window.location.href.split('index.html')[0] + 'edit.html'
});
$('hr').addClass('loading');
});
});
</script>
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
<link href="favicon.ico" type="image/x-icon" rel="apple-touch-icon-precomposed">
<style>
body, html {
margin: 0;
padding: 0;
overflow: hidden;
-webkit-user-select: none;
}
h1:before {
content: ' ';
display: block;
background: url(ui/theme/default/images/indexbackground.jpg) no-repeat;
background-size: cover;
position: absolute;
z-index: -1;
left: -10px;
top: -10px;
right: -10px;
bottom: -10px;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-mz-filter: blur(5px);
-o-filter: blur(5px);
filter: url(ui/theme/default/images/blur.svg#blur);
filter: blur(5px);
}
h1:after {
content: ' ';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .75);
z-index: -1;
}
h1, p {
font-weight: 100;
font-family: Arial, "Microsoft Yahei", "Heiti SC", sans-serif;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1 {
margin: 0;
margin-top: 200px;
color: white;
font-size: 50px;
line-height: 1.4em;
}
hr {
height: 0;
border: none;
border-bottom: 1px solid #F98183;
width: 110px;
margin: 40px auto;
transition: transform 0.5s ease;
}
hr.loading {
-webkit-animation: slide 1.33s ease-in-out infinite alternate;
animation: slide 1.33s ease-in-out infinite alternate;
}
@-webkit-keyframes slide {
0% { transform: translate3d(-100px, 0, 0); }
100% { transform: translate3d(100px, 0, 0); }
}
@keyframes slide {
0% { transform: translate3d(-100px, 0, 0); }
100% { transform: translate3d(100px, 0, 0); }
}
p.description {
color: #CCC;
font-size: 20px;
line-height: 1.8em;
}
p.login a {
display: inline-block;
width: 200px;
height: 60px;
background: #F98183;
font-size: 24px;
line-height: 60px;
text-align: center;
border-radius: 30px;
color: white;
text-shadow: 0 1px 0 #F8474F;
cursor: pointer;
position: relative;
overflow: hidden;
margin-top: 50px;
}
p.login a:active {
background: #FF6161;
transform: scale(0.95);
}
p.login a:before {
content: ' ';
display: block;
background: rgba(255, 255, 255, .2);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 30px;
transform: scale(0, 1);
transition: transform 0.3s ease;
}
p.login a:hover:before {
transform: scale(1, 1);
}
</style>
</head>
<body>
<h1>百度脑图 <br/> 便捷的思维编辑工具</h1>
<hr />
<p class="description">
线上直接创建、保存并分享您的思路<br />
更加高效地工作或学习
</p>
<p class="login">
<a>立即体验</a>
</p>
</body>
<!--Baidu Tongji Code-->
<script type="text/javascript">
if (document.domain == 'naotu.baidu.com') {
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F0703917f224067c887f3664479a03887' type='text/javascript'%3E%3C/script%3E"));
}
</script>
</html>
\ No newline at end of file
fio @ e291def2
Subproject commit cfeb9b6ff9986033c397d6d06858cb421ace2c0b
Subproject commit e291def2561ddc70b0e7d6e12bad30bc5a34402a
ui/doc.js
View file @ 3c6ca13b
......@@ -75,6 +75,7 @@ KityMinder.registerUI('doc', function(minder) {
}
function checkSaved() {
if (!fio.user.current()) return true;
return saved || window.confirm(minder.getLang('ui.unsavedcontent', '* ' + current.title));
}
......
ui/menu/save/netdisk.js
View file @ 3c6ca13b
......@@ -82,7 +82,7 @@ KityMinder.registerUI('menu/save/netdisk', function(minder) {
window.onbeforeunload = function() {
var noask = window.location.href.indexOf('noask') > 0;
if (!$doc.checkSave() && !noask)
if (!$doc.checkSaved() && !noask)
return minder.getLang('ui.unsavedcontent', '* ' + $doc.current().title);
};
......
ui/ribbon/tabs.js
View file @ 3c6ca13b
......@@ -45,10 +45,17 @@ KityMinder.registerUI('ribbon/tabs', function(minder) {
$tab.appearence = $tab.getPanel(1);
$tab.view = $tab.getPanel(2);
$tab.select(memory.get('ribbon-tab-index') || 0);
if (memory.get('ribbon-tab-collapsed')) {
var rememberIndex = memory.get('ribbon-tab-index');
var rememberCollapse = memory.get('ribbon-tab-collapsed');
$tab.select(rememberIndex || 0);
if (rememberCollapse) {
$container.addClass('collapsed');
$header.addClass('collapsed');
} else {
$container.removeClass('collapsed');
$header.removeClass('collapsed');
}
return $tab;
});
\ No newline at end of file
ui/theme/default/css/_public.less
View file @ 3c6ca13b
......@@ -129,14 +129,6 @@ input[type=url] {
from { transform: rotate(0); }
to { transform: rotate(360deg); }
}
@-moz-keyframes rotate {
from { transform: rotate(0); }
to { transform: rotate(360deg); }
}
@-ms-keyframes rotate {
from { transform: rotate(0); }
to { transform: rotate(360deg); }
}
@keyframes rotate {
from { transform: rotate(0); }
to { transform: rotate(360deg); }
......@@ -146,14 +138,6 @@ input[type=url] {
from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@-ms-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
......@@ -163,14 +147,6 @@ input[type=url] {
from { opacity: 1; }
to { opacity: 0; }
}
@-moz-keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@-ms-keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
......
ui/theme/default/css/_share.less
View file @ 3c6ca13b
......@@ -229,8 +229,7 @@
font-size: 16px;
padding-left: 15px;
border-bottom: none;
position: absolute;
width: 100%;
.dock;
}
.priority {
height: 20px;
......@@ -310,16 +309,18 @@
padding: 3px 5px;
border-radius: 2px;
font-size: 12px;
line-height: 16px;
color: rgb(77, 65, 0);
vertical-align: middle;
margin-left: 8px;
margin: 14px 8px;
float: right;
}
.hyperlink {
display: inline-block;
/* float: left; */
display: block;
float: right;
width: 30px;
height: 20px;
margin-left: 15px;
margin: 15px;
padding: 0;
background: url(../images/icons.png) no-repeat 0 -80px;
background-size: 20px;
......@@ -355,11 +356,14 @@
.dock;
}
.text {
width:12em;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow:hidden;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
}
.cur-root .text {
color: white;
}
}
\ No newline at end of file
ui/theme/default/css/default.all.css
View file @ 3c6ca13b
......@@ -666,22 +666,6 @@ input[type=url]:focus {
transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0);
......@@ -698,22 +682,6 @@ input[type=url]:focus {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-ms-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
......@@ -730,22 +698,6 @@ input[type=url]:focus {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-ms-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
......@@ -3099,7 +3051,10 @@ div.right {
padding-left: 15px;
border-bottom: none;
position: absolute;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.shared-content .priority {
height: 20px;
......@@ -3179,16 +3134,18 @@ div.right {
padding: 3px 5px;
border-radius: 2px;
font-size: 12px;
line-height: 16px;
color: #4d4100;
vertical-align: middle;
margin-left: 8px;
margin: 14px 8px;
float: right;
}
.shared-content .hyperlink {
display: inline-block;
/* float: left; */
display: block;
float: right;
width: 30px;
height: 20px;
margin-left: 15px;
margin: 15px;
padding: 0;
background: url(../images/icons.png) no-repeat 0 -80px;
background-size: 20px;
......@@ -3236,13 +3193,16 @@ div.right {
left: 0;
}
.shared-content .text {
width: 12em;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
}
.shared-content .cur-root .text {
color: white;
}
.command-button .fui-icon {
background: url(../images/icons.png) no-repeat;
background-position: 0 20px;
......
ui/theme/default/css/default.all.css.map
View file @ 3c6ca13b
This diff is collapsed.
ui/topbar/switch-view.js
View file @ 3c6ca13b
......@@ -14,16 +14,16 @@ KityMinder.registerUI('topbar/switch-view', function(minder) {
$('<div class="back"></div>').appendTo('#m-logo');
var treeData;
var $curView=$('<div>');
var $preView=$('<div>');
var $curView=$('<div id="curView">');
var $preView=$('<div id="preView">');
minder.on('uiready', function() {
var shareView = minder.getUI('menu/share/m-share');
shareView.ready.then(function(){
treeData = addParentPointer(minder);
$curView = renderNodeData(treeData, minder, $curView);
$preView = renderNodeData(treeData, minder, $preView);
renderNodeData(treeData, minder, $curView);
renderNodeData(treeData, minder, $preView);
$('#km-list-view').append($curView);
$('#km-list-view').append($preView);
$preView.css('x', '100%');
......@@ -48,11 +48,16 @@ KityMinder.registerUI('topbar/switch-view', function(minder) {
$('#km-list-view').delegate('li', 'click', function(){
var preViewData = $(this).data();
renderNodeData(preViewData, minder, $preView);
if (preViewData.children) {
renderNodeData(preViewData, minder, $preView);
// $curView.css('x');
// console.log($preView.css('x'));
$preView.css('x', parseInt($curView.css('x')) + 100 + '%');
// console.log($preView.css('x'));
// $('#km-list-view').css('x', '0');
$('#km-list-view').transition({
x: '-100%',
x: parseInt($('#km-list-view').css('x')) - 100 + '%',
duration: 200,
easing: 'ease',
complete: function(){
......@@ -70,11 +75,14 @@ KityMinder.registerUI('topbar/switch-view', function(minder) {
});
$('.back').on('click', function(){
var parentViewData = $('.cur-root').data();
$preView.css('x', '0');
var parentViewData = $('.cur-root', $curView).data();
renderNodeData(parentViewData, minder, $preView);
$preView.css('x', parseInt($curView.css('x')) - 100 + '%');
// $curView.css('x');
// $('#km-list-view').css('x', '-100%');
$('#km-list-view').transition({
x: '0',
x: parseInt($('#km-list-view').css('x')) + 100 + '%',
duration: 200,
easing: 'ease',
complete: function(){
......@@ -135,6 +143,7 @@ function renderNodeData(node, minder, $target){
});
}
// debugger;
return $target.html($curRoot.add($curList));
}
......@@ -167,7 +176,7 @@ function createListNode(node, minder){
// 处理子节点
if (node.children){
$list.addClass('clickable');
$list.append('<span class="next-level"></span>');
$list.children().first().before('<span class="next-level"></span>');
$list.data(node);
}
......@@ -193,8 +202,6 @@ function getNodeHtml (node, minder){
html += '<div class="progress progress-' + data.progress + '"></div>'
}
// 处理文字
html += '<span class="text">' + (data.text || '') + '</span>';
// 处理超链接
if (data.hyperlink) {
html +='<a class="hyperlink" href="'+ data.hyperlink +'" target="_blank"></a>';
......@@ -206,6 +213,9 @@ function getNodeHtml (node, minder){
});
}
// 处理文字
if (data.text) {
html += '<span class="text">' + (data.text || '') + '</span>';
}
return html;
}
ui/topbar/user.js
View file @ 3c6ca13b
......@@ -111,7 +111,7 @@ KityMinder.registerUI('topbar/user', function(minder) {
$loginButton.show();
$userButton.hide();
fio.user.fire('logout');
window.location.href = window.location.href; // refresh
window.location.href = window.location.href.split('edit.html')[0] + 'index.html'; // refresh
}
function login() {
......
viewshare.html
View file @ 3c6ca13b
......@@ -9,6 +9,26 @@
<title>百度脑图 - 便捷的思维导图工具</title>
<!--Judge whether it is mobile visited -->
<script>
function browserRedirect() {
var sUserAgent= navigator.userAgent.toLowerCase();
var bIsIpad= sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp= sUserAgent.match(/midp/i) == "midp";
var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid= sUserAgent.match(/android/i) == "android";
var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile";
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
window.location.href= window.location.href.replace('viewshare.html', 'm-share.html');
}
}
browserRedirect();
</script>
<script src="import.js?pack=share" charset="utf-8"></script>
<script src="kityminder.config.js" charset="utf-8"></script>
<script src="lang/zh-cn/zh-cn.js" charset="utf-8"></script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment