• forked:GenoconApp
Import an externally hosted application
Check style

  • JavaScript
  • CSS
  • HTML
  • Images
  • Input Data
  • ReadMe
  • forked:GenoconApp
  • jquery-1.7.1.min.js  
  • HighChart  
  • jquery-ui-1.8.18.min.js  
  • http://code.highcharts.com/highcharts.js  
  • http://code.highcharts.com/modules/exporting.js  
  • MotifMinExpress  
  • MotifMaxExpress  
  •  
  • history 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
 
if (typeof Application == "undefined" || !Application) {
    var Application = {};
}
 
Application.genocon = function() {
    this._init.apply(this, arguments);
};
 
Application.genocon.prototype = {
    
    _baseSequence : null,
    
    _default : {
        baseSequenceContainerId : "baseSequenceContainer",
        baseErrorMessageClass : "baseErrorMessage",
        errorMessageEnterSequence : "Please enter a sequence of minimum length {0}",
        useButtonClass : "useButton",
        nextButtonClass : "nextButton",
        nextButtonContainerClass : "nextButtonContainer",
        collapseButton : "collapseButton",
        expandButton : "expandButton",
        removeButton : "removeButton",
        appContainerClass : "applicationContainer",
        appDataContainerClass : "applicationDataContainer",
        actionButtonContainer : "actionButtonContainer",
        actionResultContainer : "actionResultContainer",
        baseSequenceClass : "baseSequence",
        selectDataBaseList : "databaseList",
        selectMethodList : "optionList",
        hiddenBaseSequence : "hdnBaseSequence",
        databaseFilteringProperty : "#motif%20sequence",
        methodFilteringProperty : "#application%20URL",
        baseSequenceMinLength : 46
    },
    
    _init : function() {
        this._initDefaultContainer();
        this._initUseButtonListener();
    },
    
    _initDefaultContainer : function() {
        this._initDatabase();
        this._initMethod();
        this._initActionButton();
        this._initDatabaseListener();
        this._initMethodListener();
    },
    
    _initDatabase : function() {
        var self = this;
        var $select = $("." + self._default.appContainerClass + " ." + self._default.selectDataBaseList);
        $("option", $select).remove();
        $select.append("<option value='-1' selected='selected'>-- Select Database --</option>");
        $.each(LinkData.getFiles(), function(workId, fileNameList) {
            $.each(fileNameList, function(key, fileName) {
                var dbKey = self._getDatabaseOptionKey(workId, fileName);
                $.each(LinkData.getProperties(workId, fileName), function(pKey, pValue) {
                    if (pValue.indexOf(self._default.databaseFilteringProperty) > 0) {
                        $select.append("<option value='" + dbKey + "'>" + fileName + "</option>");
                    }
                });
            });
        });
    },
    
    _initMethod : function() {
        var self = this;
        var $select = $("." + self._default.appContainerClass + " ." + self._default.selectMethodList);
        $("option", $select).remove();
        $select.append("<option value='-1' selected='selected'>-- Select Option --</option>");
        $.each(LinkData.getFiles(), function(workId, fileNameList) {
            $.each(fileNameList, function(key, fileName) {
                $.each(LinkData.getProperties(workId, fileName), function(pKey, pValue) {
                    if (pValue.indexOf(self._default.methodFilteringProperty) > 0) {
                        $.each(LinkData.getTriplesByProperty(workId, fileName, pValue), function(tKey, tValue) {
                            var label = self._getLabel(tValue.subject);
                            $select.append("<option value='" + tValue.object + "'>" + label + "</option>");
                        });
                    }
                });
            });
        });
    },
    
    _initActionButton : function() {
        var self = this;
        $("." + self._default.actionButtonContainer + " ." + self._default.collapseButton).click(function() {
            var parent = $(this).closest("." + self._default.appContainerClass);
            $(parent).find("." + self._default.appDataContainerClass).hide();
        });
        $("." + self._default.actionButtonContainer + " ." + self._default.expandButton).click(function() {
            var parent = $(this).closest("." + self._default.appContainerClass);
            $(parent).find("." + self._default.appDataContainerClass).show();
        });
        $("." + self._default.actionButtonContainer + " ." + self._default.removeButton).click(function() {
            $(this).closest("." + self._default.appContainerClass).remove();
        });
    },
    
    _initDatabaseListener : function() {
jquery-1.7.1.min.js
HighChart
jquery-ui-1.8.18.min.js
http://code.highcharts.com/highcharts.js
http://code.highcharts.com/modules/exporting.js
MotifMinExpress
MotifMaxExpress 
Playing...

jquery-1.7.1.min.js
HighChart
jquery-ui-1.8.18.min.js
http://code.highcharts.com/highcharts.js
http://code.highcharts.com/modules/exporting.js
MotifMinExpress
MotifMaxExpress