- [misc] Remove unused css and js files.
This commit is contained in:
liugang
@@ -1,80 +0,0 @@
|
||||
#pageContainer {position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden;}
|
||||
#iframeWrapper {position: absolute; left: 0; top: 0; bottom: 0; right: 300px; display: block;}
|
||||
#sidebar {position: absolute; right: 0; top: 0; bottom: 0; width: 300px; background: #efefef; overflow-y: auto; padding-top: 56px; border-left: 1px solid #ddd;}
|
||||
#sidebar > header {color: #fff; padding: 10px; position: fixed; top: 0; right: 0; z-index: 10; width: 300px; border-bottom: 1px solid #ddd;}
|
||||
#sidebar > header > h2 {margin: 0 0 0 40px; font-size: 18px; padding: 0; line-height: 36px; color: #fff;}
|
||||
#sidebar > header .start-icon {position: absolute; left: 10px; top: 10px; width: 36px; height: 36px; text-align: center; margin-right: 5px;}
|
||||
#sidebar > header .start-icon > .icon-front {position: absolute; width: 36px; height: 36px; line-height: 36px; top: 0; left: 1px; font-size: 12px;}
|
||||
#sidebar > header .start-icon > .icon-back {font-size: 22px; color: #fff; line-height: 36px;}
|
||||
#sidebar > header .start-icon > .icon-back:before {content: '\f0a3';}
|
||||
#sidebar > header > .actions {position: absolute; right: 15px; top: 15px;}
|
||||
#sidebar > section {padding: 20px 10px; border-top: 1px solid #ddd;}
|
||||
#sidebar > section > h4 {margin: 0 0 10px 0; font-size: 14px; color: #808080; font-weight: normal;}
|
||||
#task {border: none;}
|
||||
#task > .panel-heading {padding: 10px; color: #fff; font-size: 15px; transition: background .4s;}
|
||||
#task > .panel-heading > .pull-right {margin-top: 3px; opacity: 0; transition: opacity .4s, transform .4s; transform: scale(2.5, 2);}
|
||||
#task > .panel-body {border: 1px solid #ddd; border-top: none; padding: 0;}
|
||||
#task .panel-body > .btn {padding: 5px 7px;}
|
||||
#task .task-desc > ul, #task .task-desc > p {line-height: 20px;}
|
||||
#task .task-desc {padding: 10px;}
|
||||
#task .task-desc > ul {list-style: none; padding-left: 0; margin: 0;}
|
||||
#task .task-desc > ul > li {position: relative; padding: 2px 0; overflow: hidden; padding-left: 26px; transition: background .5s;}
|
||||
#task .task-desc > ul > li[data-target].finish {color: #999; text-decoration: line-through;}
|
||||
#task .task-desc > ul > li[data-target].finish .task-nav {opacity: .6; text-decoration: line-through;}
|
||||
#task .task-desc > ul > li:before {font-family: ZentaoIcon; font-size: 14px; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e836'; display: block; width: 26px; height: 20px; line-height: 20px; text-align: center; opacity: .6; color: #808080; position: absolute; top: 2px; left: 0;}
|
||||
#task .task-desc > ul > li[data-target]:after {content: ' '; display: block; position: absolute; left: 0; top: -100%; width: 100%; height: 100%; border: 2px solid #F1A325; transition: top .5s; pointer-events: none; border-radius: 4px;}
|
||||
#task .task-desc > ul > li[data-target]:before {font-family: ZentaoIcon; content: '\e836'; color: #333;}
|
||||
#task .task-desc > ul > li[data-target].finish:after {top: 100%;}
|
||||
#task .task-desc > ul > li[data-target].finish:before {content: '\e92f'; color: #43a047;}
|
||||
#task .task-desc > ul > li[data-target].active {background: #FFF0D5;}
|
||||
#task .task-desc > ul > li[data-target].active:after {top: 0%;}
|
||||
#task .task-desc > ul > li[data-target].active:before {font-family: ZentaoIcon; color: #EA644A; content: '\e92c';}
|
||||
#task .task-desc > ul > li[data-target].wait:before {content: ' '; display: block; width: 12px; height: 12px; border: 1px solid #333; border-radius: 50%; left: 8px; top: 6px}
|
||||
#openTaskPage {display: block; overflow: hidden; position: relative; height: 36px;}
|
||||
#openTaskPage > div {padding: 8px 10px; line-height: 20px; transition: top .4s cubic-bezier(.175,.885,.32,1); position: absolute; left: 0; top: 0; right: 0;}
|
||||
#openTaskPage > div > .icon {display: inline-block; width: 30px; text-align: center;}
|
||||
#openTaskPage:hover {background: #EBF2F9;}
|
||||
#openTaskPage > .normal {top: 0;}
|
||||
#openTaskPage.open {color: #43a047; background: #DDF4DF;}
|
||||
#openTaskPage.open:hover {color: #006af1; background: #EBF2F9;}
|
||||
#openTaskPage > .opened, #openTaskPage > .reload, #openTaskPage.open > .reload {top: 36px;}
|
||||
#openTaskPage.open > .normal, #openTaskPage.open:hover > .opened {top: -36px;}
|
||||
#openTaskPage.open > .opened, #openTaskPage.open:hover > .reload {top: 0;}
|
||||
|
||||
#task.finish > .panel-heading {background: #43a047;}
|
||||
#task.finish > .panel-heading .task-name {text-decoration: line-through;}
|
||||
#task.finish.finish > .panel-heading > .pull-right {opacity: 1; transform: scale(1);}
|
||||
#task .task-nav {color: #006af1; display: inline-block; background: #EBF2F9; padding: 1px 5px 0; transition: all .2s;}
|
||||
#task .task-nav:hover {color: #fff; background: #006af1; cursor: pointer;}
|
||||
#tasksProgress {background: #ddd; position: relative;}
|
||||
#tasksProgress > .progress-bar {background: #006af1; height: 8px; border-radius: 4px; margin-bottom: 15px; transition: background .4s, width .4s;}
|
||||
#tasksProgress.finish > .progress-bar {width: 100% !important; background: #43a047;}
|
||||
#tasksProgress .progress-text {position: absolute; right: 0; top: -25px; font-weight: bold; opacity: 0.7; color: #006af1;}
|
||||
#tasksProgress.finish .progress-text {color: #43a047; opacity: 1;}
|
||||
|
||||
#tasks {background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,0.045); border-radius: 6px;}
|
||||
#tasks > li > a {padding: 8px 8px 8px 12px;}
|
||||
#tasks > li > a > .pull-right {filter: alpha(opacity=0); opacity: 0; transition: opacity .4s, transform .4s; transform: scale(2.5, 2); color: #43a047;}
|
||||
#tasks > li.finish > a, #tasks > li.finish.active > a {box-shadow: inset 4px 0 0 #43a047; border-left-color: #43a047; color: #808080;}
|
||||
#tasks > li.finish > a > .pull-right {filter: alpha(opacity=100); opacity: 1; transform: scale(1);}
|
||||
#tasks > li.finish > a > .task-name {text-decoration: line-through;}
|
||||
#tasks > li.active > a, #tasks > li.active.finish > a {box-shadow: inset 4px 0 0 #006af1; border-color: #ddd; border-left-color: #006af1; color: #006af1; background: #EBF2F9;}
|
||||
#tasks > li.finish > a:hover, #tasks > li.active > a:hover {background-color: #f1f1f1;}
|
||||
|
||||
#taskModalBack {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #fff; transition: opacity .4s; opacity: 0; display: none;}
|
||||
#taskModalBack.in {filter: alpha(opacity=60); opacity: 0.6;}
|
||||
#taskModal {width: 500px; position: absolute; background: #43a047; color: #fff; text-align: center; overflow: hidden; transform: scale(.5) translate(0, 200px) rotateX(120deg); transition: transform .4s, opacity .4s; opacity: 0; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); top: 0; padding: 30px; left: 50%; margin-left: -250px; top: 20%; box-shadow: 0 0 20px 0 rgba(0,0,0,.25); display: none;}
|
||||
#taskModal.in {transform: scale(1) translate(0) rotateX(0); opacity: 1;}
|
||||
#taskModal h3 {margin-bottom: 20px;}
|
||||
#taskModal .start-icon > .icon-spin {-moz-animation: spin 10s infinite linear; -o-animation: spin 10s infinite linear; -webkit-animation: spin 10s infinite linear; animation: spin 10s infinite linear;}
|
||||
#taskModal .start-icon {width: 60px; height: 60px; text-align: center; margin: 10px auto; position: relative;}
|
||||
#taskModal .start-icon > .icon-front {font-size: 56px; color: #fff; line-height: 60px; width: 60px; height: 60px; position: absolute; left: 0; top: 0;}
|
||||
#taskModal > .close {position: absolute; right: 15px; top: 10px;}
|
||||
#taskModal > .finish-all {display: none;}
|
||||
#taskModal > .finish {display: block;}
|
||||
#taskModal.show-all > .finish-all {display: block;}
|
||||
#taskModal.show-all > .finish {display: none;}
|
||||
#taskModal .btn-outline {background-color: transparent; border: 1px solid #fff; color: #fff}
|
||||
#taskModal .btn-outline:hover {background-color: #fff; color: #43a047}
|
||||
|
||||
.icon-close:before {color: #fff;}
|
||||
@@ -1,7 +0,0 @@
|
||||
#start {padding: 40px; text-align: center; color: #fff;}
|
||||
.start-icon {position: relative; width: 140px; height: 140px; margin: 0 auto; line-height: 140px;}
|
||||
.start-icon > .icon-back {font-size: 140px; color: rgba(0,0,0,.1); text-shadow: 0 1px 7px rgb(0,0,0,.1);}
|
||||
.start-icon > .icon-back:before {content: '\f0a3';}
|
||||
.start-icon > .icon-front {font-size: 56px; position: absolute; top: 35px; left: 42px; color: #EBF2F9; z-index: 10; width: 70px; height: 70px; text-align: center; line-height: 70px; text-shadow: 0 1px 3px rgb(0,0,0,.15);}
|
||||
.start-icon > .icon-spin {-moz-animation: spin 15s infinite linear; -o-animation: spin 15s infinite linear; -webkit-animation: spin 15s infinite linear; animation: spin 15s infinite linear;}
|
||||
#start > h1, #start > p {margin-bottom: 30px;}
|
||||
@@ -1,621 +0,0 @@
|
||||
$(function()
|
||||
{
|
||||
var formatSetting = function(str)
|
||||
{
|
||||
var settings = {};
|
||||
if(typeof str === 'string')
|
||||
{
|
||||
$.each(str.split(','), function(idx, name)
|
||||
{
|
||||
if(name) settings[name] = true;
|
||||
});
|
||||
}
|
||||
return settings;
|
||||
};
|
||||
|
||||
var tasks = tutorialTasks;
|
||||
var current = defaultTask;
|
||||
var setting = formatSetting(settingString);
|
||||
var lang =
|
||||
{
|
||||
targetPageTip : langTargetPageTip,
|
||||
targetAppTip : langTargetAppTip,
|
||||
target : langTarget,
|
||||
requiredTip : langRequiredTip,
|
||||
};
|
||||
|
||||
var $tasks = $('#tasks'),
|
||||
$task = $('#task'),
|
||||
$openTaskPage = $('#openTaskPage'),
|
||||
$progress = $('#tasksProgress'),
|
||||
$modal = $('#taskModal'),
|
||||
$modalBack = $('#taskModalBack');
|
||||
var totalCount = $tasks.children('li').length, finishCount = 0;
|
||||
|
||||
var appsWindow = window.frames['iframePage'];
|
||||
var checkTaskId = null, modalShowTaskId;
|
||||
var showToolTipTask = null;
|
||||
|
||||
var getApp = function(code)
|
||||
{
|
||||
if(!code) return appsWindow.$.apps.getLastApp();
|
||||
return $.extend({}, appsWindow.$.apps.map[code], appsWindow.$.apps.openedMap[code]);
|
||||
};
|
||||
|
||||
var getAppWindow = function()
|
||||
{
|
||||
var app = appsWindow.$.apps.getLastApp();
|
||||
return app ? appsWindow.frames['app-' + app.code] : null;
|
||||
};
|
||||
|
||||
var getAppIframe = function()
|
||||
{
|
||||
var app = appsWindow.$.apps.getLastApp();
|
||||
return appsWindow.$('#appIframe-' + app.code).get(0);
|
||||
};
|
||||
|
||||
var showModal = function(showAll)
|
||||
{
|
||||
clearTimeout(modalShowTaskId);
|
||||
$modal.show();
|
||||
$modalBack.show();
|
||||
$modal.toggleClass('show-all', showAll);
|
||||
modalShowTaskId = setTimeout(function()
|
||||
{
|
||||
$modal.addClass('in');
|
||||
$modalBack.addClass('in');
|
||||
}, 10);
|
||||
};
|
||||
|
||||
var hideModal = function()
|
||||
{
|
||||
clearTimeout(modalShowTaskId);
|
||||
$modal.removeClass('in');
|
||||
$modalBack.removeClass('in');
|
||||
modalShowTaskId = setTimeout(function()
|
||||
{
|
||||
$modal.hide();
|
||||
$modalBack.hide();
|
||||
}, 450);
|
||||
};
|
||||
|
||||
var clearTips = function()
|
||||
{
|
||||
var $menuMainNav = appsWindow.$('#menuNav');
|
||||
$menuMainNav.find('.hl-tutorial').removeClass('hl-tutorial hl-in');
|
||||
$menuMainNav.find('.tooltip-tutorial').tooltip('destroy').removeClass('tooltip-tutorial');
|
||||
var appWindow = getAppWindow();
|
||||
if(appWindow && appWindow.$)
|
||||
{
|
||||
var $appBody = appWindow.$('body');
|
||||
$appBody.find('.hl-tutorial').removeClass('hl-tutorial hl-in');
|
||||
$appBody.find('.tooltip-tutorial').tooltip('destroy').removeClass('tooltip-tutorial');
|
||||
}
|
||||
};
|
||||
|
||||
var highlight = function($e, callback)
|
||||
{
|
||||
$e = $e.first();
|
||||
var ele = $e[0];
|
||||
var bounds = ele.getBoundingClientRect();
|
||||
var winWidth = $e.closest('body').outerWidth();
|
||||
if(bounds.width < (winWidth / 2) && bounds.right > winWidth)
|
||||
{
|
||||
ele[ele.scrollIntoViewIfNeeded ? 'scrollIntoViewIfNeeded' : 'scrollIntoView']({behavior: 'instant', block: 'center'});
|
||||
}
|
||||
|
||||
$e.closest('body').find('.hl-tutorial').removeClass('hl-tutorial hl-in');
|
||||
$e.addClass('hl-tutorial').parent().css('overflow', 'visible');
|
||||
setTimeout(function() {$e.addClass('hl-in'); callback && callback()}, 50);
|
||||
};
|
||||
|
||||
var finishTask = function()
|
||||
{
|
||||
clearTips();
|
||||
|
||||
var task = tasks[current];
|
||||
if(task)
|
||||
{
|
||||
setting[current] = true;
|
||||
var postData = [];
|
||||
$.each(setting, function(name, value) {if(value) postData.push(name);});
|
||||
|
||||
$.post(ajaxSetTasksUrl, {finish: postData.join(',')}, function(e)
|
||||
{
|
||||
if(e.result === 'success')
|
||||
{
|
||||
$task.addClass('finish').find('[data-target]').removeClass('active').removeClass('wait').addClass('finish');
|
||||
updateUI();
|
||||
showModal(finishCount >= totalCount);
|
||||
}
|
||||
else
|
||||
{
|
||||
setting[current] = false;
|
||||
alert(serverErrorTip);
|
||||
}
|
||||
}, 'json').error(function() {alert(lang.timeout)});
|
||||
}
|
||||
};
|
||||
|
||||
var resetTasks = function()
|
||||
{
|
||||
clearTips();
|
||||
|
||||
$.post(ajaxSetTasksUrl, {finish: ''}, function(e)
|
||||
{
|
||||
if(e.result === 'success')
|
||||
{
|
||||
setting = {};
|
||||
updateUI();
|
||||
}
|
||||
else
|
||||
{
|
||||
alert(serverErrorTip);
|
||||
}
|
||||
}, 'json').error(function() {alert(lang.timeout)});
|
||||
};
|
||||
|
||||
var showToolTip = function($e, text, options)
|
||||
{
|
||||
if(!$e.length) return;
|
||||
var container = 'body';
|
||||
var ele = $e[0];
|
||||
var bounds = ele.getBoundingClientRect();
|
||||
var winWidth = $e.closest('body').outerWidth();
|
||||
if(bounds.width < (winWidth / 2) && (bounds.right + bounds.width) >= winWidth)
|
||||
{
|
||||
ele[ele.scrollIntoViewIfNeeded ? 'scrollIntoViewIfNeeded' : 'scrollIntoView']({behavior: 'instant', block: 'center'});
|
||||
container = null;
|
||||
}
|
||||
|
||||
if($(ele).hasClass('create-bug-btn') || $(ele).hasClass('create-story-btn')) container = '#mainMenu'; // Fix bug #21092.
|
||||
if(!container && $(ele).hasClass('form-control')) container = '.table-form'; // Fix bug #21093
|
||||
|
||||
$e.closest('body').find('.tooltip-tutorial').tooltip('destroy');
|
||||
var offset = $e.offset();
|
||||
var winWidth = $(window).width();
|
||||
var placement = 'top';
|
||||
if(offset.left > (winWidth*2/3))
|
||||
{
|
||||
placement = 'left';
|
||||
}
|
||||
else if(offset.left < (winWidth/3) && (offset.left + $e.outerWidth()) < (winWidth*2/3))
|
||||
{
|
||||
placement = 'right';
|
||||
}
|
||||
else if (offset.top < 50)
|
||||
{
|
||||
placement = 'bottom';
|
||||
}
|
||||
|
||||
options = $.extend(
|
||||
{
|
||||
trigger: 'manual',
|
||||
title: text,
|
||||
placement: placement,
|
||||
className: 'warning',
|
||||
html: true
|
||||
}, options);
|
||||
$e = $e.first();
|
||||
|
||||
if($e.css('display') !== 'none')
|
||||
{
|
||||
if(!$e.data('zui.tooltip')) $e.addClass('tooltip-tutorial').attr('data-toggle', 'tooltip').tooltip(options);
|
||||
$e.tooltip('show', text);
|
||||
if($e[0].getBoundingClientRect().top > $(window).height() || $e[0].getBoundingClientRect().top < 0) $e[0].scrollIntoView();
|
||||
}
|
||||
else if($e.parent().is('#menuMainNav'))
|
||||
{
|
||||
var $menuMoreItem = appsWindow.$('#menuMoreNav>li').last();
|
||||
highlight($menuMoreItem);
|
||||
showToolTip($menuMoreItem, text, $.extend({}, options, {tipClass: 'warning'}));
|
||||
var appCode = $e.data('app');
|
||||
appsWindow.$('#menuMoreList>li').removeClass('active').attr('data-tip', '');
|
||||
appsWindow.$('#menuMoreList>li[data-app="' + appCode + '"]').addClass('active hl-tutorial hl-in').attr('data-tip', text);
|
||||
}
|
||||
else
|
||||
{
|
||||
$e.parent().addClass('tooltip-tutorial').append("<div id='typeLabel' class='text-danger help-text'>" + options.title + "</div>");
|
||||
}
|
||||
};
|
||||
|
||||
var tryCheckTask = function()
|
||||
{
|
||||
if(checkTaskId) clearTimeout(checkTaskId);
|
||||
|
||||
var iWindow = getAppWindow();
|
||||
if(!(iWindow && iWindow.config && iWindow.$))
|
||||
{
|
||||
checkTaskId = setTimeout(tryCheckTask, 1000);
|
||||
}
|
||||
else
|
||||
{
|
||||
checkTaskId = setTimeout(checkTask, 200);
|
||||
}
|
||||
};
|
||||
|
||||
var checkTask = function()
|
||||
{
|
||||
clearTips();
|
||||
|
||||
var iWindow = getAppWindow();
|
||||
if(!iWindow || !iWindow.$) return tryCheckTask();
|
||||
var task = tasks[current];
|
||||
var appCode = task.nav.app || task.nav.menuModule || task.nav['module'];
|
||||
var app = getApp(appCode);
|
||||
if(!app) return;
|
||||
|
||||
var $$ = iWindow.$;
|
||||
var pageConfig = iWindow.config;
|
||||
var currentModule = (iWindow.TUTORIAL ? iWindow.TUTORIAL['module'] : pageConfig ? pageConfig.currentModule : '').toLowerCase();
|
||||
var currentMethod = (iWindow.TUTORIAL ? iWindow.TUTORIAL['method'] : pageConfig ? pageConfig.currentMethod : '').toLowerCase();
|
||||
var targetStatus = {},
|
||||
$navTarget = $task.find('[data-target="nav"]').removeClass('active'),
|
||||
$formTarget = $task.find('[data-target="form"]').removeClass('active'),
|
||||
$submitTarget = $task.find('[data-target="submit"]').removeClass('active');
|
||||
targetStatus.nav = task.nav['module'].toLowerCase() === currentModule && task.nav['method'].toLowerCase() === currentMethod && (!task.nav.app || task.nav.app === appCode);
|
||||
|
||||
if(targetStatus.nav)
|
||||
{
|
||||
var $form = $$(task.nav.form);
|
||||
var $formWrapper = $form.closest('#mainContent');
|
||||
if(!$formWrapper.length) $formWrapper = $form;
|
||||
highlight($formWrapper);
|
||||
showToolTip($formWrapper, $formTarget.text());
|
||||
var fieldSelector = '';
|
||||
var requiredFields = task.nav.requiredFields || pageConfig.requiredFields;
|
||||
|
||||
if(task.nav.formType === 'table')
|
||||
{
|
||||
fieldSelector = '.dtable-checkbox';
|
||||
var $checkboxes = $$(fieldSelector).eq(1);
|
||||
targetStatus.form = $checkboxes.hasClass('checked');
|
||||
if(!targetStatus.form) {
|
||||
targetStatus.waitField = $checkboxes.closest('div');
|
||||
}
|
||||
}
|
||||
else if(requiredFields)
|
||||
{
|
||||
targetStatus.form = true;
|
||||
requiredFields = requiredFields.split(',');
|
||||
$.each(requiredFields, function(idx, requiredId)
|
||||
{
|
||||
fieldSelector += ',' + '#' + requiredId;
|
||||
var $required = $$('#' + requiredId);
|
||||
var $authBlock = !$required.is('input') ? $required.find('input').last() : $required;
|
||||
if($authBlock.length)
|
||||
{
|
||||
var val = $authBlock.val();
|
||||
if(val === undefined || val === null || val === '' || val === '0')
|
||||
{
|
||||
targetStatus.form = false;
|
||||
if(!targetStatus.waitField) targetStatus.waitField = $required;
|
||||
}
|
||||
}
|
||||
});
|
||||
if(fieldSelector.length > 1) fieldSelector = fieldSelector.substring(1);
|
||||
}
|
||||
|
||||
if(!$form.data('bindCheckTaskEvent'))
|
||||
{
|
||||
$form.off('.tutorial').off('submit');
|
||||
$form.on('change.tutorial', fieldSelector, tryCheckTask);
|
||||
var onSubmit = function(e)
|
||||
{
|
||||
var status = checkTask();
|
||||
if(!status.submitOK)
|
||||
{
|
||||
if(status.waitField)
|
||||
{
|
||||
if(status.waitField.hasClass("chosen-controled")) status.waitField = status.waitField.next();
|
||||
var fieldName = status.waitField.siblings('label').text();
|
||||
if(!fieldName) fieldName = status.waitField.find('label').text();
|
||||
if(!fieldName) fieldName = status.waitField.parent().siblings('label').text();
|
||||
if(fieldName) showToolTip(status.waitField, lang.requiredTip.replace('%s', fieldName));
|
||||
highlight(status.waitField, function()
|
||||
{
|
||||
clearTimeout(showToolTipTask);
|
||||
showToolTipTask = setTimeout(function()
|
||||
{
|
||||
status.waitField.closest('td').find('#typeLabel').remove();
|
||||
showToolTip($formWrapper, $formTarget.text());
|
||||
highlight($formWrapper);
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
finishTask();
|
||||
}
|
||||
|
||||
if(e)
|
||||
{
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
$form = $form.is('form') ? $form : $form.find('form').last();
|
||||
if($form.length)
|
||||
{
|
||||
if(task.nav.submit) $form.on('click.tutorial', task.nav.submit, onSubmit);
|
||||
else $form.submit(onSubmit);
|
||||
}
|
||||
else
|
||||
{
|
||||
$checkbox = $$(task.nav.target).on('click', function(){
|
||||
var current = this
|
||||
setTimeout(
|
||||
function()
|
||||
{
|
||||
if($(current).hasClass('checked'))
|
||||
{
|
||||
highlight($$(task.nav.submit))
|
||||
showToolTip($$(task.nav.submit), $submitTarget.text(), {placement: 'top'});
|
||||
}
|
||||
|
||||
$$(task.nav.submit).on('click', function(){
|
||||
finishTask();
|
||||
})
|
||||
},
|
||||
500
|
||||
)
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if(targetStatus.form)
|
||||
{
|
||||
clearTips();
|
||||
$submitTarget.addClass('active');
|
||||
if(task.nav.submit) showToolTip($form.find(task.nav.submit), $submitTarget.text(), {placement: 'top'});
|
||||
}
|
||||
else
|
||||
{
|
||||
$formTarget.addClass('active');
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
/* Active current nav target in task panel */
|
||||
$navTarget.addClass('active');
|
||||
|
||||
/* Highlight app button in left menu */
|
||||
var $appNav = appsWindow.$('#menuMainNav > li[data-app="' + appCode + '"]');
|
||||
var lastApp = appsWindow.$.apps.getLastApp();
|
||||
if(appCode !== lastApp.code)
|
||||
{
|
||||
if($appNav.css('display') === 'none' && appsWindow.$('#menuMoreList').css('display') !== 'none') $appNav = appsWindow.$('#menuMoreList > li[data-app="' + appCode + '"]');
|
||||
var targetAppTip = lang.targetAppTip.replace('%s', app.text || lang.target);
|
||||
highlight($appNav);
|
||||
showToolTip($appNav, targetAppTip);
|
||||
}
|
||||
else
|
||||
{
|
||||
var menuModule = task.nav.menuModule || task.nav['module'];
|
||||
var $navbar = $$('#navbar');
|
||||
if(task.nav.app == 'admin') $navbar = $$('#settings');
|
||||
var $navbarItem = $navbar.find('[data-id="' + menuModule + '"]');
|
||||
var targetPageTip = lang.targetPageTip.replace('%s', task.nav.targetPageName || lang.target);
|
||||
if($navbarItem.length && !$navbarItem.hasClass('active'))
|
||||
{
|
||||
highlight($navbarItem);
|
||||
showToolTip($navbarItem, targetPageTip);
|
||||
}
|
||||
else if(task.nav.menu)
|
||||
{
|
||||
if(task.nav.menu === '#pageNav')
|
||||
{
|
||||
var $pageNav = $$('#pageNav');
|
||||
var $targetBtn = $pageNav.find(task.nav.target);
|
||||
var $targetBtnGroup = $targetBtn.closest('.btn-group');
|
||||
|
||||
if($targetBtnGroup.hasClass('open'))
|
||||
{
|
||||
highlight($targetBtn);
|
||||
showToolTip($targetBtn, targetPageTip);
|
||||
}
|
||||
else
|
||||
{
|
||||
highlight($targetBtnGroup);
|
||||
showToolTip($targetBtnGroup, targetPageTip);
|
||||
}
|
||||
if(!$targetBtnGroup.data('initTutorial'))
|
||||
{
|
||||
$targetBtnGroup.data('initTutorial', 1).on('click', tryCheckTask);
|
||||
}
|
||||
}
|
||||
else if(task.nav.menu[0] === '#')
|
||||
{
|
||||
var $customMenu = $$(task.nav.menu).last();
|
||||
if($customMenu.length)
|
||||
{
|
||||
highlight($customMenu);
|
||||
showToolTip($customMenu, targetPageTip);
|
||||
}
|
||||
else if(task.nav.target)
|
||||
{
|
||||
var $targetItem = $$(task.nav.target);
|
||||
highlight($targetItem);
|
||||
showToolTip($targetItem, targetPageTip);
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
var $modulemenu = $$('#subNavbar');
|
||||
if(task.nav.app == 'admin') $modulemenu = $$('#navbar');
|
||||
var $modulemenuItem = $modulemenu.find('[data-id="' + task.nav.menu + '"]');
|
||||
if($modulemenuItem.length && !$modulemenuItem.hasClass('active'))
|
||||
{
|
||||
highlight($modulemenuItem);
|
||||
showToolTip($modulemenuItem, targetPageTip);
|
||||
}
|
||||
else if(task.nav.target)
|
||||
{
|
||||
var $targetItem = $$(task.nav.target);
|
||||
highlight($targetItem);
|
||||
showToolTip($targetItem, targetPageTip);
|
||||
}
|
||||
}
|
||||
}
|
||||
else if(task.nav.target)
|
||||
{
|
||||
var $targetItem = $$(task.nav.target);
|
||||
highlight($targetItem);
|
||||
showToolTip($targetItem, targetPageTip);
|
||||
}
|
||||
}
|
||||
}
|
||||
$navTarget.toggleClass('finish', !!targetStatus.nav);
|
||||
$formTarget.toggleClass('finish', !!targetStatus.form);
|
||||
$submitTarget.toggleClass('finish', !!targetStatus.submit);
|
||||
$navTarget.toggleClass('wait', !$navTarget.is('.finish,.active'));
|
||||
$formTarget.toggleClass('wait', !$formTarget.is('.finish,.active'));
|
||||
$submitTarget.toggleClass('wait', !$submitTarget.is('.finish,.active'));
|
||||
$openTaskPage.toggleClass('open', targetStatus.nav);
|
||||
|
||||
targetStatus.submitOK = targetStatus.nav && targetStatus.form;
|
||||
|
||||
return targetStatus;
|
||||
};
|
||||
|
||||
var checkTutorialState = function()
|
||||
{
|
||||
tryCheckTask();
|
||||
var iWindow = getAppWindow();
|
||||
var title = (iWindow.$ ? iWindow.$('head > title').text() : '') + $('head > title').text();
|
||||
var url = createLink('tutorial', 'index', 'referer=' + Base64.encode(iWindow.location.href) + '&task=' + current);
|
||||
try{window.history.replaceState({}, title, url);}catch(e){}
|
||||
};
|
||||
|
||||
var checkTimer = 0;
|
||||
var tryCheckTutorialState = function(delay)
|
||||
{
|
||||
clearTimeout(checkTimer);
|
||||
checkTimer = setTimeout(checkTutorialState, delay || 200);
|
||||
};
|
||||
|
||||
var showTask = function(taskName)
|
||||
{
|
||||
clearTips();
|
||||
hideModal();
|
||||
|
||||
taskName = taskName || current;
|
||||
current = taskName;
|
||||
|
||||
if(!taskName) return;
|
||||
var task = tasks[taskName];
|
||||
if(!task) return;
|
||||
|
||||
var $li = $tasks.children('li').removeClass('active').filter('[data-name="' + taskName + '"]').addClass('active');
|
||||
$task.toggleClass('finish', task.finish);
|
||||
$('.task-name-current').text(task.title);
|
||||
$('.task-id-current').text(task.id);
|
||||
$('.task-desc').html(task.desc).find('.task-nav').addClass('btn-open-target-page');
|
||||
$('.task-page-name').text(task.nav.targetPageName || lang.target);
|
||||
|
||||
var $prev = $li.prev('li'), $next = $li.next('li');
|
||||
$('.btn-prev-task').toggleClass('hidden', !$prev.length).data('name', $prev.data('name'));
|
||||
$('.btn-next-task').toggleClass('hidden', !$next.length).data('name', $next.data('name'));
|
||||
tryCheckTask();
|
||||
};
|
||||
|
||||
var updateUI = function()
|
||||
{
|
||||
finishCount = 0;
|
||||
totalCount = 0;
|
||||
$tasks.children('li').each(function(idx)
|
||||
{
|
||||
var $li = $(this);
|
||||
var name = $li.data('name');
|
||||
var task = tasks[name];
|
||||
var finish = !!setting[name];
|
||||
task.finish = finish;
|
||||
finishCount += finish ? 1 : 0;
|
||||
totalCount++;
|
||||
|
||||
$li.toggleClass('finish', finish);
|
||||
if(!current && !finish) current = name;
|
||||
});
|
||||
|
||||
$('.task-num-finish').text(finishCount);
|
||||
$('.tasks-count').text(totalCount);
|
||||
var isFinishAll = finishCount >= totalCount;
|
||||
if(isFinishAll) current = $tasks.children('li').first().data('name');
|
||||
|
||||
var progress = Math.round(100*finishCount/totalCount);
|
||||
$progress.toggleClass('finish', isFinishAll).find('.progress-bar').css('width', (100*finishCount/totalCount) + '%');
|
||||
$progress.find('.progress-text').text(progress + '%');
|
||||
if(progress == 100) $.getJSON(createLink('tutorial', 'ajaxFinish'));
|
||||
showTask(current);
|
||||
};
|
||||
|
||||
/** Init apps iframe page */
|
||||
function initAppsPage()
|
||||
{
|
||||
var appsIframe = $('#iframePage').get(0);
|
||||
appsIframe.onload = appsIframe.onreadystatechange = function()
|
||||
{
|
||||
appsWindow.$(appsWindow.document).on('reloadapp.apps openapp.apps showapp.apps closeapp.apps hideapp.apps', function()
|
||||
{
|
||||
tryCheckTutorialState(1000);
|
||||
});
|
||||
appsWindow.$('#menuMoreList').siblings('a').on('click', function(){
|
||||
tryCheckTutorialState(1000);
|
||||
});
|
||||
|
||||
/* Open referer page in app tab */
|
||||
if(tutorialReferer) appsWindow.$.apps.openApp(tutorialReferer);
|
||||
|
||||
updateUI();
|
||||
};
|
||||
}
|
||||
|
||||
/* Quit tutorial mode */
|
||||
function quitTutorial()
|
||||
{
|
||||
var url = createLink('tutorial', 'quit');
|
||||
if(typeof navigator.sendBeacon === 'function') navigator.sendBeacon(url);
|
||||
else $.ajax({url: url, dataType: 'json', async: false});
|
||||
}
|
||||
|
||||
/** Init current tutorial page */
|
||||
function initTutorial()
|
||||
{
|
||||
if(finishCount >= totalCount) showModal(true);
|
||||
|
||||
$(document).on('click', '.btn-task', function()
|
||||
{
|
||||
iWindow = getAppWindow();
|
||||
iWindow.$('.hl-tutorial').removeClass('hl-tutorial hl-in');
|
||||
iWindow.$('.popover').remove();
|
||||
showTask($(this).data('name'));
|
||||
|
||||
/* Code for task #51133. */
|
||||
var status = checkTask();
|
||||
if(status.submitOK) window.location.reload();
|
||||
}).on('click', '.btn-open-target-page', function()
|
||||
{
|
||||
appsWindow.$.apps.open(tasks[current].url);
|
||||
}).on('click', '.btn-reset-tasks', function()
|
||||
{
|
||||
hideModal();
|
||||
resetTasks();
|
||||
});
|
||||
|
||||
$modal.on('click', '.close', hideModal);
|
||||
|
||||
$('[data-toggle="tooltip"]').tooltip();
|
||||
|
||||
window.appsWindow = appsWindow;
|
||||
window.getAppIframe = getAppIframe;
|
||||
window.getAppWindow = getAppWindow;
|
||||
window.checkTutorialState = checkTutorialState;
|
||||
}
|
||||
|
||||
initTutorial();
|
||||
initAppsPage();
|
||||
});
|
||||
Reference in New Issue
Block a user