UNPKG

ns-export

Version:
495 lines (455 loc) 17.7 kB
<html> <head> <link href="../../jquery-ui.css" rel="stylesheet"> <link href="../../schema-browser.css" rel="stylesheet"> <script src="../../javascript/jquery-1.10.2.min.js"></script> <script src="../../javascript/jquery-ui.min.js"></script> <script src="../../menudefs.js"></script> <script src="../../javascript/menubuilder.js"></script> <script> (function( $ ){ //plugin buttonset vertical $.fn.buttonsetv = function() { $(':radio, :checkbox, :button', this).wrap('<div style="margin: 1px"/>'); $(this).buttonset(); $('label:first', this).removeClass('ui-corner-left').addClass('ui-corner-top'); $('label:last', this).removeClass('ui-corner-right').addClass('ui-corner-bottom'); mw = 0; // max witdh $('label', this).each(function(index){ w = $(this).width(); if (w > mw) mw = w; }) $('label', this).each(function(index){ $(this).width(mw); }) }; })( jQuery ); function getURLParameter(name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null; } </script> <style> .custom-combobox { position: relative; display: inline-block; } .custom-combobox-toggle { position: absolute; top: 0; bottom: 0; margin-left: -1px; padding: 0; /* support: IE7 */ *height: 1.7em; *top: 0.1em; } .custom-combobox-input { margin: 0; padding: 0.3em; } </style> <script> (function( $ ) { $.widget( "custom.combobox_with_optgroup", { _create: function() { this.wrapper = $( "<span>" ) .addClass( "custom-combobox" ) .insertAfter( this.element ); this.element.hide(); this._createAutocomplete(); this._createShowAllButton(); }, _createAutocomplete: function() { var selected = this.element.find( ":selected" ), value = selected.val() ? selected.text() : ""; this.input = $( "<input>" ) .appendTo( this.wrapper ) .val( value ) .attr( "title", "" ) .addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" ) .autocomplete({ delay: 0, minLength: 0, source: $.proxy( this, "_source" ) }) .tooltip({ tooltipClass: "ui-state-highlight" }) ; this._on( this.input, { autocompleteselect: function( event, ui ) { ui.item.option.selected = true; window.location.href=ui.item.href; // this._trigger( "select", event, { // item: ui.item.option // }); }, autocompletechange: "_removeIfInvalid" }); this.input.data("uiAutocomplete")._renderMenu = function(ul, items) { var self = this, currentCategory = ""; var itemCounter=100; $.each(items, function(index, item) { itemCounter=itemCounter+1; if (item.category != currentCategory) { if (item.category) { ul.append("<li class='custom-autocomplete-category'>" + item.category + "</li>"); } currentCategory = item.category; } self._renderItem= function( ul, item ) { return $( "<li>").attr("class",item.class) .append( $( "<a>" ).attr("href",item.href).text( item.label ) ) .appendTo( ul ); }; self._renderItemData(ul, item); }); }; }, _createShowAllButton: function() { var input = this.input, wasOpen = false; $( "<a>" ) .attr( "tabIndex", -1 ) .attr( "title", "Show All" ) .tooltip() .appendTo( this.wrapper ) .button({ /* icons: { primary: "ui-icon-triangle-1-s" },*/ text: false }) .removeClass( "ui-corner-all" ) .addClass( "custom-combobox-toggle ui-corner-right" ) .mousedown(function() { wasOpen = input.autocomplete( "widget" ).is( ":visible" ); }) .click(function() { input.focus(); if ( wasOpen ) { return; } input.autocomplete( "search", "" ); }); }, _source: function( request, response ) { var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" ); response( this.element.find( "option" ).map(function() { var text = $( this ).text(); if ( this.value && ( !request.term || matcher.test(text) ) ) return { label: text, value: text, option: this, class: $(this).attr("class"), href: $(this).attr("href"), category: $(this).closest("optgroup").attr("label") }; }) ); }, _removeIfInvalid: function( event, ui ) { if ( ui.item ) { return; } var value = this.input.val(), valueLowerCase = value.toLowerCase(), valid = false; this.element.find( "option" ).each(function() { if ( $( this ).text().toLowerCase() === valueLowerCase ) { this.selected = valid = true; return false; } }); if ( valid ) { return; } this.input .val( "" ) .attr( "title", value + " not found" ) .tooltip( "open" ); this.element.val( "" ); this._delay(function() { this.input.tooltip( "close" ).attr( "title", "" ); }, 2500 ); this.input.data( "ui-autocomplete" ).term = ""; }, _destroy: function() { this.wrapper.remove(); this.element.show(); }, getInput: function(){ return this.input; } }); })( jQuery ); </script> </head> <body> <div id='header'></div> <script> $(function() { $('#header').html(createHeader('script','record__activity','../..')); }); </script> <div id='leftpanel'></div> <script> $(function() { $('#leftpanel').html(createLeftPanel('script','record__activity','../..')); }); </script> <script type="text/javascript"> $().ready(function(){ $(".jtable th").each(function(){ $(this).addClass("ui-state-default"); }); $(".jtable td").each(function(){ $(this).addClass("ui-widget-content"); }); }); </script> <div id="contentPanel"> <H1>Activity</H1> <H3>Internal ID: activity</H3> <H2>Search Joins</H2> <table class="jtable"> <tr><th class="rt_jid">Join ID</th><th class="rt_jlabel">Join Description</th><th class="rt_jname">Actual Join Name</th></tr> <tr> <td class="rt_jid">contact</td> <td class="rt_jlabel">Contact</td> <td class="rt_jname">Contact</td> </tr> <tr> <td class="rt_jid">user</td> <td class="rt_jlabel">User</td> <td class="rt_jname">Employee</td> </tr> </table> <H2>Search Filters</H2> <table class="jtable"> <tr><th class="rt_iname">Internal ID</th><th class="rt_itype">Type</th><th class="rt_ilabel">Label</th></tr> <tr> <td class="rt_iname">assigned</td> <td class="rt_itype">select</td> <td class="rt_ilabel">Assigned To</td> </tr> <tr> <td class="rt_iname">company</td> <td class="rt_itype">select</td> <td class="rt_ilabel">Company</td> </tr> <tr> <td class="rt_iname">completeddate</td> <td class="rt_itype">date</td> <td class="rt_ilabel">Date Completed</td> </tr> <tr> <td class="rt_iname">contact</td> <td class="rt_itype">select</td> <td class="rt_ilabel">Contact</td> </tr> <tr> <td class="rt_iname">date</td> <td class="rt_itype">date</td> <td class="rt_ilabel">Date</td> </tr> <tr> <td class="rt_iname">externalid</td> <td class="rt_itype">select</td> <td class="rt_ilabel">External ID</td> </tr> <tr> <td class="rt_iname">externalidstring</td> <td class="rt_itype">text</td> <td class="rt_ilabel">External ID (Text)</td> </tr> <tr> <td class="rt_iname">formuladate</td> <td class="rt_itype">date</td> <td class="rt_ilabel">Formula (Date)</td> </tr> <tr> <td class="rt_iname">formulanumeric</td> <td class="rt_itype">float</td> <td class="rt_ilabel">Formula (Numeric)</td> </tr> <tr> <td class="rt_iname">formulatext</td> <td class="rt_itype">text</td> <td class="rt_ilabel">Formula (Text)</td> </tr> <tr> <td class="rt_iname">internalid</td> <td class="rt_itype">select</td> <td class="rt_ilabel">Internal ID</td> </tr> <tr> <td class="rt_iname">internalidnumber</td> <td class="rt_itype">integer</td> <td class="rt_ilabel">Internal ID (Number)</td> </tr> <tr> <td class="rt_iname">memo</td> <td class="rt_itype">textarea</td> <td class="rt_ilabel">Notes</td> </tr> <tr> <td class="rt_iname">owner</td> <td class="rt_itype">select</td> <td class="rt_ilabel">Created By</td> </tr> <tr> <td class="rt_iname">priority</td> <td class="rt_itype">select</td> <td class="rt_ilabel">Priority</td> </tr> <tr> <td class="rt_iname">status</td> <td class="rt_itype">select</td> <td class="rt_ilabel">Status</td> </tr> <tr> <td class="rt_iname">title</td> <td class="rt_itype">text</td> <td class="rt_ilabel">Title</td> </tr> <tr> <td class="rt_iname">type</td> <td class="rt_itype">select</td> <td class="rt_ilabel">Activity Type</td> </tr> </table> <H2>Search Columns</H2> <table class="jtable"> <tr><th class="rt_cname">Internal ID</th><th class="rt_ctype">Type</th><th class="rt_clabel">Label</th></tr> <tr> <td class="rt_cname">assigned</td> <td class="rt_ctype">select</td> <td class="rt_clabel">Assigned To</td> </tr> <tr> <td class="rt_cname">company</td> <td class="rt_ctype">text</td> <td class="rt_clabel">Company</td> </tr> <tr> <td class="rt_cname">completeddate</td> <td class="rt_ctype">date</td> <td class="rt_clabel">Date Completed</td> </tr> <tr> <td class="rt_cname">contact</td> <td class="rt_ctype">select</td> <td class="rt_clabel">Contact</td> </tr> <tr> <td class="rt_cname">createddate</td> <td class="rt_ctype">date</td> <td class="rt_clabel">Date Created</td> </tr> <tr> <td class="rt_cname">externalid</td> <td class="rt_ctype">select</td> <td class="rt_clabel">External ID</td> </tr> <tr> <td class="rt_cname">formulacurrency</td> <td class="rt_ctype">currency</td> <td class="rt_clabel">Formula (Currency)</td> </tr> <tr> <td class="rt_cname">formuladate</td> <td class="rt_ctype">date</td> <td class="rt_clabel">Formula (Date)</td> </tr> <tr> <td class="rt_cname">formuladatetime</td> <td class="rt_ctype">datetime</td> <td class="rt_clabel">Formula (Date/Time)</td> </tr> <tr> <td class="rt_cname">formulanumeric</td> <td class="rt_ctype">float</td> <td class="rt_clabel">Formula (Numeric)</td> </tr> <tr> <td class="rt_cname">formulapercent</td> <td class="rt_ctype">percent</td> <td class="rt_clabel">Formula (Percent)</td> </tr> <tr> <td class="rt_cname">formulatext</td> <td class="rt_ctype">text</td> <td class="rt_clabel">Formula (Text)</td> </tr> <tr> <td class="rt_cname">internalid</td> <td class="rt_ctype">select</td> <td class="rt_clabel">Internal ID</td> </tr> <tr> <td class="rt_cname">lastmodifieddate</td> <td class="rt_ctype">date</td> <td class="rt_clabel">Last Modified</td> </tr> <tr> <td class="rt_cname">markdone</td> <td class="rt_ctype">text</td> <td class="rt_clabel">Mark</td> </tr> <tr> <td class="rt_cname">message</td> <td class="rt_ctype">textarea</td> <td class="rt_clabel">Notes</td> </tr> <tr> <td class="rt_cname">owner</td> <td class="rt_ctype">select</td> <td class="rt_clabel">Owner</td> </tr> <tr> <td class="rt_cname">priority</td> <td class="rt_ctype">select</td> <td class="rt_clabel">Priority</td> </tr> <tr> <td class="rt_cname">startdate</td> <td class="rt_ctype">date</td> <td class="rt_clabel">Date</td> </tr> <tr> <td class="rt_cname">starttime</td> <td class="rt_ctype">timeofday</td> <td class="rt_clabel">Time</td> </tr> <tr> <td class="rt_cname">status</td> <td class="rt_ctype">text</td> <td class="rt_clabel">Status</td> </tr> <tr> <td class="rt_cname">title</td> <td class="rt_ctype">text</td> <td class="rt_clabel">Title</td> </tr> <tr> <td class="rt_cname">transaction</td> <td class="rt_ctype">select</td> <td class="rt_clabel">Transaction</td> </tr> <tr> <td class="rt_cname">type</td> <td class="rt_ctype">text</td> <td class="rt_clabel">Type</td> </tr> </table> <p>&nbsp;</p> </div> <script> $(function() { wrapBodyDiv('script','contentPanel'); }); </script> </body> </html>