Mercurial > hg > extraction-interface

comparison develop/js/layout.js @ 6:63e08b98032f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
rewrite extraction interface into PHP MVC architecture. (Although js hasn't been rewritten into MVC, it's fitted into the current PHP MVC architecture.) - The root of the new PHP MVC is at 'develop/'. - extraction interface is called "Extractapp" with several action, eg TaggingText, EditWordlist, EditTaglist, ExportTable.
author Zoe Hong <zhong@mpiwg-berlin.mpg.de>
date Thu, 05 Feb 2015 16:07:53 +0100
parents
children
comparison
equal deleted inserted replaced
5:cbbb7ef22394 6:63e08b98032f
1 (function($){
2 var initLayout = function() {
3 var hash = window.location.hash.replace('#', '');
4 var currentTab = $('ul.navigationTabs a')
5 .bind('click', showTab)
6 .filter('a[rel=' + hash + ']');
7 if (currentTab.size() == 0) {
8 currentTab = $('ul.navigationTabs a:first');
9 }
10 showTab.apply(currentTab.get(0));
11 $('#colorpickerHolder').ColorPicker({flat: true});
12 $('#colorpickerHolder2').ColorPicker({
13 flat: true,
14 color: '#00ff00',
15 onSubmit: function(hsb, hex, rgb) {
16 $('#colorSelector2 div').css('backgroundColor', '#' + hex);
17 }
18 });
19 $('#colorpickerHolder2>div').css('position', 'absolute');
20 var widt = false;
21 $('#colorSelector2').bind('click', function() {
22 $('#colorpickerHolder2').stop().animate({height: widt ? 0 : 173}, 500);
23 widt = !widt;
24 });
25 $('#colorpickerField1, #colorpickerField2, #colorpickerField3').ColorPicker({
26 onSubmit: function(hsb, hex, rgb, el) {
27 $(el).val(hex);
28 $(el).ColorPickerHide();
29 },
30 onBeforeShow: function () {
31 $(this).ColorPickerSetColor(this.value);
32 }
33 })
34 .bind('keyup', function(){
35 $(this).ColorPickerSetColor(this.value);
36 });
37 $('#colorSelector').ColorPicker({
38 color: '#0000ff',
39 onShow: function (colpkr) {
40 $(colpkr).fadeIn(500);
41 return false;
42 },
43 onHide: function (colpkr) {
44 $(colpkr).fadeOut(500);
45 return false;
46 },
47 onChange: function (hsb, hex, rgb) {
48 $('#colorSelector div').css('backgroundColor', '#' + hex);
49 }
50 });
51 };
52
53 var showTab = function(e) {
54 var tabIndex = $('ul.navigationTabs a')
55 .removeClass('active')
56 .index(this);
57 $(this)
58 .addClass('active')
59 .blur();
60 $('div.tab')
61 .hide()
62 .eq(tabIndex)
63 .show();
64 };
65
66 EYE.register(initLayout, 'init');
67 })(jQuery)