is utils improvement

This commit is contained in:
fuxiaohei 2014-09-25 21:52:58 +08:00
parent 089d934547
commit 7c30ae7002
6 changed files with 79 additions and 16 deletions

View file

@ -1,6 +1,7 @@
// @codekit-prepend "lib/jquery-1.11.1.min.js" // @codekit-prepend "lib/jquery-1.11.1.min.js"
// @codekit-prepend "lib/lib.js" // @codekit-prepend "lib/lib.js"
// @codekit-prepend "lib/tabs.js" // @codekit-prepend "utils/tabs.js"
// @codekit-prepend "utils/preview.js"
// @codekit-prepend "lib/jquery.tipsy.js" // @codekit-prepend "lib/jquery.tipsy.js"
var Gogs = {}; var Gogs = {};
@ -290,6 +291,7 @@ function initCore() {
$(this).addClass('js-tab-nav-show'); $(this).addClass('js-tab-nav-show');
$($(this).data('tab-target')).show(); $($(this).data('tab-target')).show();
} }
e.preventDefault();
}); });
} }
@ -643,7 +645,8 @@ $(document).ready(function () {
initInstall(); initInstall();
} }
Tabs('#dashboard-sidebar-menu'); $('#dashboard-sidebar-menu').tabs();
$('#pull-issue-preview').markdown_preview(".issue-add-comment");
homepage(); homepage();

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,53 @@
/**
* preview plugin
* @param selector
* @param target_selector
*/
function Preview(selector, target_selector) {
// get input element
function get_input($e) {
return $e.find(".js-preview-input").eq(0);
}
// get result html container element
function get_container($t) {
if ($t.hasClass("js-preview-container")) {
return $t
}
return $t.find(".js-preview-container").eq(0);
}
var $e = $(selector);
var $t = $(target_selector);
var $ipt = get_input($t);
if (!$ipt.length) {
console.log("[preview]: no preview input");
return
}
var $cnt = get_container($t);
if (!$cnt.length) {
console.log("[preview]: no preview container");
return
}
// call api via ajax
$e.on("click", function () {
$.post("/api/v1/markdown", {
text: $ipt.val()
}, function (html) {
$cnt.html(html);
})
});
console.log("[preview]: init preview @", selector, "&", target_selector);
}
$.fn.extend({
markdown_preview: function (target) {
Preview(this, target);
}
});

View file

@ -1,7 +1,6 @@
/** /*
* Created by fuxiaohei on 14-6-26. js tabs and tabbed content plugin
*/ */
function Tabs(selector) { function Tabs(selector) {
function hide($nav) { function hide($nav) {
@ -24,7 +23,8 @@ function Tabs(selector) {
$($current.data("tab-target")).addClass("js-tab-show"); $($current.data("tab-target")).addClass("js-tab-show");
} }
// bind nav click // bind nav click
$e.on("click", ".js-tab-nav", function () { $e.on("click", ".js-tab-nav", function (e) {
e.preventDefault();
var $this = $(this); var $this = $(this);
// is showing, not change. // is showing, not change.
if ($this.hasClass("js-tab-nav-show")) { if ($this.hasClass("js-tab-nav-show")) {
@ -36,4 +36,10 @@ function Tabs(selector) {
}); });
console.log("init tabs @", selector) console.log("init tabs @", selector)
} }
} }
$.fn.extend({
tabs: function () {
Tabs(this);
}
});

View file

@ -28,9 +28,10 @@
<link rel="stylesheet" href="{{AppSubUrl}}/css/github.min.css"> <link rel="stylesheet" href="{{AppSubUrl}}/css/github.min.css">
<!-- JavaScript --> <!-- JavaScript -->
<script src="{{AppSubUrl}}/ng/js/lib/tabs.js"></script>
<script src="{{AppSubUrl}}/ng/js/lib/lib.js"></script> <script src="{{AppSubUrl}}/ng/js/lib/lib.js"></script>
<script src="{{AppSubUrl}}/ng/js/lib/jquery.tipsy.js"></script> <script src="{{AppSubUrl}}/ng/js/lib/jquery.tipsy.js"></script>
<script src="{{AppSubUrl}}/ng/js/utils/tabs.js"></script>
<script src="{{AppSubUrl}}/ng/js/utils/preview.js"></script>
<script src="{{AppSubUrl}}/ng/js/gogs.js"></script> <script src="{{AppSubUrl}}/ng/js/gogs.js"></script>
<title>{{if .Title}}{{.Title}} - {{end}}{{AppName}}</title> <title>{{if .Title}}{{.Title}} - {{end}}{{AppName}}</title>

View file

@ -87,18 +87,18 @@
<div class="panel-header"> <div class="panel-header">
<ul class="menu menu-line add-nav"> <ul class="menu menu-line add-nav">
<li class="js-tab-nav js-tab-nav-show" data-tab-target="#issue-add-comment-form"><a href="#">Write</a></li> <li class="js-tab-nav js-tab-nav-show" data-tab-target="#issue-add-comment-form"><a href="#">Write</a></li>
<li class="js-tab-nav" data-tab-target="#issue-add-comment-preview"><a href="#">Preview</a></li> <li class="js-tab-nav" data-tab-target="#issue-add-comment-preview"><a href="#" id="pull-issue-preview">Preview</a></li>
</ul> </ul>
</div> </div>
<div class="panel-content content"> <div class="panel-content content">
<form id="issue-add-comment-form" action="#" method="post"> <form id="issue-add-comment-form" action="#" method="post">
<textarea class="ipt ipt-radius" name="content" id="issue-add-content"></textarea> <textarea class="ipt ipt-radius js-preview-input" name="content" id="issue-add-content"></textarea>
<p class="submit text-right"> <p class="submit text-right">
<button class="btn btn-gray btn-radius text-bold" name="submit" value="close">Close pull request</button>&nbsp;&nbsp; <button class="btn btn-gray btn-radius text-bold" name="submit" value="close">Close pull request</button>&nbsp;&nbsp;
<button class="btn btn-green btn-radius text-bold" name="submit" value="comment">Comment</button> <button class="btn btn-green btn-radius text-bold" name="submit" value="comment">Comment</button>
</p> </p>
</form> </form>
<div id="issue-add-comment-preview"> <div id="issue-add-comment-preview" class="js-preview-container">
preview preview
</div> </div>
</div> </div>