Fix code quality violations and enhance ROUTE-EXISTS-01 rule
Implement JQHTML function cache ID system and fix bundle compilation Implement underscore prefix for system tables Fix JS syntax linter to support decorators and grant exception to Task system SPA: Update planning docs and wishlists with remaining features SPA: Document Navigation API abandonment and future enhancements Implement SPA browser integration with History API (Phase 1) Convert contacts view page to SPA action Convert clients pages to SPA actions and document conversion procedure SPA: Merge GET parameters and update documentation Implement SPA route URL generation in JavaScript and PHP Implement SPA bootstrap controller architecture Add SPA routing manual page (rsx:man spa) Add SPA routing documentation to CLAUDE.md Phase 4 Complete: Client-side SPA routing implementation Update get_routes() consumers for unified route structure Complete SPA Phase 3: PHP-side route type detection and is_spa flag Restore unified routes structure and Manifest_Query class Refactor route indexing and add SPA infrastructure Phase 3 Complete: SPA route registration in manifest Implement SPA Phase 2: Extract router code and test decorators Rename Jqhtml_Component to Component and complete SPA foundation setup 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
root
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Dropdown_Menu extends Jqhtml_Component {
|
||||
class Dropdown_Menu extends Component {
|
||||
on_ready() {
|
||||
// Wrap bare text children in <li><a> structure
|
||||
const $menu = this.$id('menu');
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Sidebar_Nav extends Jqhtml_Component {
|
||||
class Sidebar_Nav extends Component {
|
||||
on_ready() {
|
||||
// Auto-wrap children in nav structure if needed
|
||||
const $nav_items = this.$id('nav_items');
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Info_Box extends Jqhtml_Component {
|
||||
class Info_Box extends Component {
|
||||
on_ready() {
|
||||
// Apply color from args
|
||||
if (this.args.color) {
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
* - Have .Widget CSS class
|
||||
* - Have data-name attribute set by Form_Field
|
||||
*/
|
||||
class Form_Input_Abstract extends Jqhtml_Component {
|
||||
class Form_Input_Abstract extends Component {
|
||||
/**
|
||||
* val() - Get or set the current value
|
||||
* Subclasses MUST implement this method
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Advanced_Search_Panel extends Jqhtml_Component {
|
||||
class Advanced_Search_Panel extends Component {
|
||||
on_ready() {
|
||||
// Populate dropdowns if provided
|
||||
if (this.args.categories) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Kanban_Board extends Jqhtml_Component {
|
||||
class Kanban_Board extends Component {
|
||||
async on_load() {
|
||||
if (this.args.data_source) {
|
||||
const response = await fetch(this.args.data_source);
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Notification_Dropdown extends Jqhtml_Component {
|
||||
class Notification_Dropdown extends Component {
|
||||
on_ready() {
|
||||
// No special behavior
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Icon extends Jqhtml_Component {
|
||||
class Icon extends Component {
|
||||
// SVG icon container with size variants
|
||||
}
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJJY29uIiwiSnFodG1sX0NvbXBvbmVudCJdLCJzb3VyY2VzIjpbInJzeC90aGVtZS9jb21wb25lbnRzL19hcmNoaXZlZC91bmZpbmlzaGVkL2ljb24uanMiXSwic291cmNlc0NvbnRlbnQiOlsiY2xhc3MgSWNvbiBleHRlbmRzIEpxaHRtbF9Db21wb25lbnQge1xuICAgIC8vIFNWRyBpY29uIGNvbnRhaW5lciB3aXRoIHNpemUgdmFyaWFudHNcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7QUFBQSxNQUFNQSxJQUFJLFNBQVNDLGdCQUFnQixDQUFDO0VBQ2hDO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Table_Pagination extends Jqhtml_Component {
|
||||
class Table_Pagination extends Component {
|
||||
on_ready() {
|
||||
// Generate pagination if pages provided via args
|
||||
if (this.args.current_page && this.args.total_pages) {
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
* Instance of a modal dialog. Handles lifecycle, sizing, and user interaction.
|
||||
* Typically created and managed by the Modal static API class.
|
||||
*/
|
||||
class Rsx_Modal extends Jqhtml_Component {
|
||||
class Rsx_Modal extends Component {
|
||||
on_create() {
|
||||
this.data.title = '';
|
||||
this.data.body_content = null;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Metric_Card extends Jqhtml_Component {
|
||||
class Metric_Card extends Component {
|
||||
// Pure container - children already styled
|
||||
}
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJNZXRyaWNfQ2FyZCIsIkpxaHRtbF9Db21wb25lbnQiXSwic291cmNlcyI6WyJyc3gvdGhlbWUvY29tcG9uZW50cy9fYXJjaGl2ZWQvdW5maW5pc2hlZC9NZXRyaWNfQ2FyZC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJjbGFzcyBNZXRyaWNfQ2FyZCBleHRlbmRzIEpxaHRtbF9Db21wb25lbnQge1xuICAgIC8vIFB1cmUgY29udGFpbmVyIC0gY2hpbGRyZW4gYWxyZWFkeSBzdHlsZWRcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7QUFBQSxNQUFNQSxXQUFXLFNBQVNDLGdCQUFnQixDQUFDO0VBQ3ZDO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Bulk_Action_Bar extends Jqhtml_Component {
|
||||
class Bulk_Action_Bar extends Component {
|
||||
on_ready() {
|
||||
// Clear selection on close
|
||||
this.$id('close_btn').on('click', () => {
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
* Design: Flexbox layout using Bootstrap utility classes
|
||||
* Layout: Title/breadcrumbs on left, actions/buttons on right
|
||||
*/
|
||||
class Page_Header extends Jqhtml_Component {
|
||||
class Page_Header extends Component {
|
||||
// Page_Header is a pure container component - no lifecycle methods needed
|
||||
// All layout from Bootstrap utilities: d-flex, justify-content-between, align-items-center, py-4
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Icon_Button extends Jqhtml_Component {
|
||||
class Icon_Button extends Component {
|
||||
on_ready() {
|
||||
// Add aria-label for accessibility (icon-only buttons need labels)
|
||||
if (this.args.label) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Chart_Component extends Jqhtml_Component {
|
||||
class Chart_Component extends Component {
|
||||
// Placeholder component - no functionality yet
|
||||
}
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDaGFydF9Db21wb25lbnQiLCJKcWh0bWxfQ29tcG9uZW50Il0sInNvdXJjZXMiOlsicnN4L3RoZW1lL2NvbXBvbmVudHMvX2FyY2hpdmVkL3VuZmluaXNoZWQvQ2hhcnRfQ29tcG9uZW50LmpzIl0sInNvdXJjZXNDb250ZW50IjpbImNsYXNzIENoYXJ0X0NvbXBvbmVudCBleHRlbmRzIEpxaHRtbF9Db21wb25lbnQge1xuICAgIC8vIFBsYWNlaG9sZGVyIGNvbXBvbmVudCAtIG5vIGZ1bmN0aW9uYWxpdHkgeWV0XG59XG4iXSwibWFwcGluZ3MiOiI7O0FBQUEsTUFBTUEsZUFBZSxTQUFTQyxnQkFBZ0IsQ0FBQztFQUMzQztBQUFBIiwiaWdub3JlTGlzdCI6W119
|
||||
@@ -7,7 +7,7 @@
|
||||
* Design: Bootstrap .form-select styling with dropdown arrow
|
||||
* Content: Contains <option> elements
|
||||
*/
|
||||
class Select_Dropdown extends Jqhtml_Component {
|
||||
class Select_Dropdown extends Component {
|
||||
on_ready() {
|
||||
// Set value if provided
|
||||
if (this.args.value) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Blockquote extends Jqhtml_Component {
|
||||
class Blockquote extends Component {
|
||||
on_ready() {
|
||||
// No special behavior
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Button_Secondary extends Jqhtml_Component {
|
||||
class Button_Secondary extends Component {
|
||||
// Secondary action button - lower prominence than primary
|
||||
// Bootstrap btn-secondary provides gray color scheme
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Rich_Text_Editor extends Jqhtml_Component {
|
||||
class Rich_Text_Editor extends Component {
|
||||
on_ready() {
|
||||
const $editor = this.$id('editor');
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Overdue_Indicator extends Jqhtml_Component {
|
||||
class Overdue_Indicator extends Component {
|
||||
// Pure Bootstrap styling - no JavaScript needed
|
||||
}
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJPdmVyZHVlX0luZGljYXRvciIsIkpxaHRtbF9Db21wb25lbnQiXSwic291cmNlcyI6WyJyc3gvdGhlbWUvY29tcG9uZW50cy9fYXJjaGl2ZWQvdW5maW5pc2hlZC9PdmVyZHVlX0luZGljYXRvci5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJjbGFzcyBPdmVyZHVlX0luZGljYXRvciBleHRlbmRzIEpxaHRtbF9Db21wb25lbnQge1xuICAgIC8vIFB1cmUgQm9vdHN0cmFwIHN0eWxpbmcgLSBubyBKYXZhU2NyaXB0IG5lZWRlZFxufVxuIl0sIm1hcHBpbmdzIjoiOztBQUFBLE1BQU1BLGlCQUFpQixTQUFTQyxnQkFBZ0IsQ0FBQztFQUM3QztBQUFBIiwiaWdub3JlTGlzdCI6W119
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Bulk_Selection extends Jqhtml_Component {
|
||||
class Bulk_Selection extends Component {
|
||||
on_ready() {
|
||||
const $checkbox = this.$id('checkbox');
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Text_Display extends Jqhtml_Component {
|
||||
class Text_Display extends Component {
|
||||
// Generic text display - inherits Bootstrap typography
|
||||
}
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJUZXh0X0Rpc3BsYXkiLCJKcWh0bWxfQ29tcG9uZW50Il0sInNvdXJjZXMiOlsicnN4L3RoZW1lL2NvbXBvbmVudHMvX2FyY2hpdmVkL3VuZmluaXNoZWQvdGV4dF9kaXNwbGF5LmpzIl0sInNvdXJjZXNDb250ZW50IjpbImNsYXNzIFRleHRfRGlzcGxheSBleHRlbmRzIEpxaHRtbF9Db21wb25lbnQge1xuICAgIC8vIEdlbmVyaWMgdGV4dCBkaXNwbGF5IC0gaW5oZXJpdHMgQm9vdHN0cmFwIHR5cG9ncmFwaHlcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7QUFBQSxNQUFNQSxZQUFZLFNBQVNDLGdCQUFnQixDQUFDO0VBQ3hDO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
|
||||
@@ -4,7 +4,7 @@
|
||||
* JQHTML Integration - Automatic component registration and binding
|
||||
*
|
||||
* This module automatically:
|
||||
* 1. Registers component classes that extend Jqhtml_Component
|
||||
* 1. Registers component classes that extend Component
|
||||
* 2. Binds templates to component classes when names match
|
||||
* 3. Enables $(selector).component("Component_Name") syntax
|
||||
*/
|
||||
@@ -15,7 +15,7 @@ class Jqhtml_Integration {
|
||||
* of framework init.
|
||||
*/
|
||||
static _on_framework_modules_define() {
|
||||
let jqhtml_components = Manifest.get_extending('Jqhtml_Component');
|
||||
let jqhtml_components = Manifest.get_extending('Component');
|
||||
console_debug('JQHTML_INIT', 'Registering ' + jqhtml_components.length + ' Jqhtml Components');
|
||||
for (let component of jqhtml_components) {
|
||||
jqhtml.register_component(component.class_name, component.class_object);
|
||||
@@ -31,7 +31,7 @@ class Jqhtml_Integration {
|
||||
static _on_framework_modules_init($scope) {
|
||||
const is_top_level = !$scope;
|
||||
const promises = [];
|
||||
const components_needing_init = ($scope || $('body')).find('.Jqhtml_Component_Init');
|
||||
const components_needing_init = ($scope || $('body')).find('.Component_Init');
|
||||
if (components_needing_init.length > 0) {
|
||||
console_debug('JQHTML_INIT', `Initializing ${components_needing_init.length} DOM components`);
|
||||
}
|
||||
@@ -44,10 +44,10 @@ class Jqhtml_Integration {
|
||||
return;
|
||||
}
|
||||
|
||||
// Check if any parent has Jqhtml_Component_Init class - skip nested components
|
||||
// Check if any parent has Component_Init class - skip nested components
|
||||
let parent = $element[0].parentElement;
|
||||
while (parent) {
|
||||
if (parent.classList.contains('Jqhtml_Component_Init')) {
|
||||
if (parent.classList.contains('Component_Init')) {
|
||||
return; // Skip this element, it's nested
|
||||
}
|
||||
parent = parent.parentElement;
|
||||
@@ -92,7 +92,7 @@ class Jqhtml_Integration {
|
||||
$element.empty();
|
||||
|
||||
// Remove the init class before instantiation to prevent re-initialization
|
||||
$element.removeClass('Jqhtml_Component_Init');
|
||||
$element.removeClass('Component_Init');
|
||||
|
||||
// Create promise for this component's initialization
|
||||
const component_promise = new Promise(resolve => {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Input_With_Icon extends Jqhtml_Component {
|
||||
class Input_With_Icon extends Component {
|
||||
on_ready() {
|
||||
const $input = this.$id('input');
|
||||
if (this.args.value) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Data_Table extends Jqhtml_Component {
|
||||
class Data_Table extends Component {
|
||||
on_render() {
|
||||
// Hide until data loads to prevent visual glitches
|
||||
if (Object.keys(this.data).length === 0) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Client_Label_Link extends Jqhtml_Component {
|
||||
class Client_Label_Link extends Component {
|
||||
on_create() {
|
||||
this.data.loading = true;
|
||||
this.data.client = null;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Gantt_Chart extends Jqhtml_Component {
|
||||
class Gantt_Chart extends Component {
|
||||
async on_load() {
|
||||
if (this.args.data_source) {
|
||||
const response = await fetch(this.args.data_source);
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class List extends Jqhtml_Component {
|
||||
class List extends Component {
|
||||
on_ready() {
|
||||
// Add list-group-item class to each direct child
|
||||
this.$.children().each(function () {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Timestamp_Display extends Jqhtml_Component {
|
||||
class Timestamp_Display extends Component {
|
||||
// Pure Bootstrap styling - no JavaScript needed
|
||||
}
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJUaW1lc3RhbXBfRGlzcGxheSIsIkpxaHRtbF9Db21wb25lbnQiXSwic291cmNlcyI6WyJyc3gvdGhlbWUvY29tcG9uZW50cy9fYXJjaGl2ZWQvdW5maW5pc2hlZC9UaW1lc3RhbXBfRGlzcGxheS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJjbGFzcyBUaW1lc3RhbXBfRGlzcGxheSBleHRlbmRzIEpxaHRtbF9Db21wb25lbnQge1xuICAgIC8vIFB1cmUgQm9vdHN0cmFwIHN0eWxpbmcgLSBubyBKYXZhU2NyaXB0IG5lZWRlZFxufVxuIl0sIm1hcHBpbmdzIjoiOztBQUFBLE1BQU1BLGlCQUFpQixTQUFTQyxnQkFBZ0IsQ0FBQztFQUM3QztBQUFBIiwiaWdub3JlTGlzdCI6W119
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Client_Label extends Jqhtml_Component {
|
||||
class Client_Label extends Component {
|
||||
on_create() {
|
||||
this.data.loading = true;
|
||||
this.data.client = null;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Searchable_Select extends Jqhtml_Component {
|
||||
class Searchable_Select extends Component {
|
||||
on_ready() {
|
||||
this.selected_value = this.args.value || null;
|
||||
this.all_options = this.args.options || [];
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Inline_Edit_Field extends Jqhtml_Component {
|
||||
class Inline_Edit_Field extends Component {
|
||||
on_ready() {
|
||||
this.current_value = this.args.value || '';
|
||||
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
* 2. on_load() - Fetch data from APIs (parallel execution, no DOM modifications)
|
||||
* 3. on_ready() - Component fully initialized, runs bottom-up through component tree
|
||||
*/
|
||||
class Form_Row_Component extends Jqhtml_Component {
|
||||
class Form_Row_Component extends Component {
|
||||
/**
|
||||
* Called after render, quick UI setup (bottom-up)
|
||||
* Use for: Initial state, event bindings, showing loading indicators
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Popover extends Jqhtml_Component {
|
||||
class Popover extends Component {
|
||||
on_ready() {
|
||||
// Set popover content from args
|
||||
if (this.args.title) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Multi_Select extends Jqhtml_Component {
|
||||
class Multi_Select extends Component {
|
||||
on_ready() {
|
||||
this.selected_values = this.args.value || [];
|
||||
this.all_options = this.args.options || [];
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Page_Section extends Jqhtml_Component {
|
||||
class Page_Section extends Component {
|
||||
// Content section with spacing - no special behavior needed
|
||||
}
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJQYWdlX1NlY3Rpb24iLCJKcWh0bWxfQ29tcG9uZW50Il0sInNvdXJjZXMiOlsicnN4L3RoZW1lL2NvbXBvbmVudHMvX2FyY2hpdmVkL3VuZmluaXNoZWQvcGFnZV9zZWN0aW9uLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImNsYXNzIFBhZ2VfU2VjdGlvbiBleHRlbmRzIEpxaHRtbF9Db21wb25lbnQge1xuICAgIC8vIENvbnRlbnQgc2VjdGlvbiB3aXRoIHNwYWNpbmcgLSBubyBzcGVjaWFsIGJlaGF2aW9yIG5lZWRlZFxufVxuIl0sIm1hcHBpbmdzIjoiOztBQUFBLE1BQU1BLFlBQVksU0FBU0MsZ0JBQWdCLENBQUM7RUFDeEM7QUFBQSIsImlnbm9yZUxpc3QiOltdfQ==
|
||||
@@ -14,7 +14,7 @@
|
||||
* - Provides seed() support for debug/testing data
|
||||
* - Bridges between form validation state and child widget
|
||||
*/
|
||||
class Form_Field_Abstract extends Jqhtml_Component {
|
||||
class Form_Field_Abstract extends Component {
|
||||
on_create() {
|
||||
// Find parent form for error display
|
||||
this.form = this.closest('.Rsx_Form');
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Icon_With_Text extends Jqhtml_Component {
|
||||
class Icon_With_Text extends Component {
|
||||
// Pure Bootstrap styling - no JavaScript needed
|
||||
}
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJJY29uX1dpdGhfVGV4dCIsIkpxaHRtbF9Db21wb25lbnQiXSwic291cmNlcyI6WyJyc3gvdGhlbWUvY29tcG9uZW50cy9fYXJjaGl2ZWQvdW5maW5pc2hlZC9JY29uX1dpdGhfVGV4dC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJjbGFzcyBJY29uX1dpdGhfVGV4dCBleHRlbmRzIEpxaHRtbF9Db21wb25lbnQge1xuICAgIC8vIFB1cmUgQm9vdHN0cmFwIHN0eWxpbmcgLSBubyBKYXZhU2NyaXB0IG5lZWRlZFxufVxuIl0sIm1hcHBpbmdzIjoiOztBQUFBLE1BQU1BLGNBQWMsU0FBU0MsZ0JBQWdCLENBQUM7RUFDMUM7QUFBQSIsImlnbm9yZUxpc3QiOltdfQ==
|
||||
@@ -5,7 +5,7 @@
|
||||
*
|
||||
* Simple test form component demonstrating modal form functionality.
|
||||
*/
|
||||
class Test_Modal_Form extends Jqhtml_Component {
|
||||
class Test_Modal_Form extends Component {
|
||||
on_create() {
|
||||
// Initialize with provided data or empty object
|
||||
this.data.values = this.args.data || {};
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Breadcrumbs extends Jqhtml_Component {
|
||||
class Breadcrumbs extends Component {
|
||||
// Placeholder component - currently empty in dashboard usage
|
||||
}
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJCcmVhZGNydW1icyIsIkpxaHRtbF9Db21wb25lbnQiXSwic291cmNlcyI6WyJyc3gvdGhlbWUvY29tcG9uZW50cy9fYXJjaGl2ZWQvdW5maW5pc2hlZC9CcmVhZGNydW1icy5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJjbGFzcyBCcmVhZGNydW1icyBleHRlbmRzIEpxaHRtbF9Db21wb25lbnQge1xuICAgIC8vIFBsYWNlaG9sZGVyIGNvbXBvbmVudCAtIGN1cnJlbnRseSBlbXB0eSBpbiBkYXNoYm9hcmQgdXNhZ2Vcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7QUFBQSxNQUFNQSxXQUFXLFNBQVNDLGdCQUFnQixDQUFDO0VBQ3ZDO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Export_Button extends Jqhtml_Component {
|
||||
class Export_Button extends Component {
|
||||
on_ready() {
|
||||
const that = this;
|
||||
this.$.find('[data-format]').on('click', e => {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Progress_Bar extends Jqhtml_Component {
|
||||
class Progress_Bar extends Component {
|
||||
on_ready() {
|
||||
const $bar = this.$id('bar');
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Link extends Jqhtml_Component {
|
||||
class Link extends Component {
|
||||
on_ready() {
|
||||
// Support $href attribute for dynamic URLs
|
||||
if (this.args.href) {
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
* Design: Bootstrap .invalid-feedback (default) or .valid-feedback styling
|
||||
* Visibility: Only shows when sibling input has .is-valid or .is-invalid class
|
||||
*/
|
||||
class Form_Validation_Message extends Jqhtml_Component {
|
||||
class Form_Validation_Message extends Component {
|
||||
on_ready() {
|
||||
// Add custom classes if provided (e.g., switching to valid-feedback)
|
||||
if (this.args.class) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Input_With_Validation extends Jqhtml_Component {
|
||||
class Input_With_Validation extends Component {
|
||||
on_ready() {
|
||||
const $input = this.$id('input');
|
||||
if (this.args.value) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Empty_State extends Jqhtml_Component {
|
||||
class Empty_State extends Component {
|
||||
on_ready() {
|
||||
// No special behavior
|
||||
}
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
* Design: Bootstrap .form-check-input styling
|
||||
* Wrapper: Typically used within <div class="form-check"> for proper layout
|
||||
*/
|
||||
class Checkbox extends Jqhtml_Component {
|
||||
class Checkbox extends Component {
|
||||
on_ready() {
|
||||
// Set checked state if provided
|
||||
if (this.args.checked) {
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
* Purpose: Multi-line text input for longer content like descriptions, comments, notes
|
||||
* Design: Bootstrap .form-control styling (same as Input)
|
||||
*/
|
||||
class Textarea extends Jqhtml_Component {
|
||||
class Textarea extends Component {
|
||||
on_ready() {
|
||||
// Set rows if provided
|
||||
if (this.args.rows) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Three_Column_Layout extends Jqhtml_Component {
|
||||
class Three_Column_Layout extends Component {
|
||||
on_ready() {
|
||||
// Wrap each direct child in responsive column classes
|
||||
this.$.children().each(function () {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Status_Badge extends Jqhtml_Component {
|
||||
class Status_Badge extends Component {
|
||||
on_ready() {
|
||||
// Apply color based on content or args
|
||||
const status = this.args.status || this.$.text().trim().toLowerCase();
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Mobile_Header extends Jqhtml_Component {
|
||||
class Mobile_Header extends Component {
|
||||
on_ready() {
|
||||
// No special behavior
|
||||
}
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
* - `sort` - Default sort column (default: first column)
|
||||
* - `order` - Default sort order (default: 'asc')
|
||||
*/
|
||||
class DataGrid_Abstract extends Jqhtml_Component {
|
||||
class DataGrid_Abstract extends Component {
|
||||
// Initialize data before first render
|
||||
on_create() {
|
||||
let that = this;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Time_Picker extends Jqhtml_Component {
|
||||
class Time_Picker extends Component {
|
||||
on_ready() {
|
||||
const $input = this.$id('input');
|
||||
if (this.args.value) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Modal_Dialog extends Jqhtml_Component {
|
||||
class Modal_Dialog extends Component {
|
||||
on_ready() {
|
||||
// Initialize Bootstrap modal
|
||||
this.modal = new bootstrap.Modal(this.$[0]);
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
* Design: Bootstrap .form-control styling
|
||||
* Types: text, email, password, number, tel, url, date, etc.
|
||||
*/
|
||||
class Input extends Jqhtml_Component {
|
||||
class Input extends Component {
|
||||
on_ready() {
|
||||
// Set type attribute if provided
|
||||
if (this.args.type) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Page extends Jqhtml_Component {
|
||||
class Page extends Component {
|
||||
// Semantic page container - no special behavior needed
|
||||
}
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJQYWdlIiwiSnFodG1sX0NvbXBvbmVudCJdLCJzb3VyY2VzIjpbInJzeC90aGVtZS9jb21wb25lbnRzL19hcmNoaXZlZC91bmZpbmlzaGVkL3BhZ2UuanMiXSwic291cmNlc0NvbnRlbnQiOlsiY2xhc3MgUGFnZSBleHRlbmRzIEpxaHRtbF9Db21wb25lbnQge1xuICAgIC8vIFNlbWFudGljIHBhZ2UgY29udGFpbmVyIC0gbm8gc3BlY2lhbCBiZWhhdmlvciBuZWVkZWRcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7QUFBQSxNQUFNQSxJQUFJLFNBQVNDLGdCQUFnQixDQUFDO0VBQ2hDO0FBQUEiLCJpZ25vcmVMaXN0IjpbXX0=
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Date_Picker extends Jqhtml_Component {
|
||||
class Date_Picker extends Component {
|
||||
on_ready() {
|
||||
const $input = this.$id('input');
|
||||
if (this.args.value) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Tag_Group extends Jqhtml_Component {
|
||||
class Tag_Group extends Component {
|
||||
on_ready() {
|
||||
// No special behavior needed
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Comment_Thread extends Jqhtml_Component {
|
||||
class Comment_Thread extends Component {
|
||||
async on_load() {
|
||||
if (this.args.data_source) {
|
||||
const response = await fetch(this.args.data_source);
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Tooltip extends Jqhtml_Component {
|
||||
class Tooltip extends Component {
|
||||
on_ready() {
|
||||
// Set tooltip text from args
|
||||
if (this.args.text) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Top_Nav extends Jqhtml_Component {
|
||||
class Top_Nav extends Component {
|
||||
on_ready() {
|
||||
// Wrap children in nav structure
|
||||
const $nav = this.$id('nav_items');
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
* $columns=columns_definition
|
||||
* />
|
||||
*/
|
||||
class Sample_Datagrid_Component extends Jqhtml_Component {
|
||||
class Sample_Datagrid_Component extends Component {
|
||||
async on_load() {
|
||||
const that = this;
|
||||
// If API URL provided, fetch data
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Tabs extends Jqhtml_Component {
|
||||
class Tabs extends Component {
|
||||
on_ready() {
|
||||
// Wrap children in nav-item structure
|
||||
this.$.children().each(function () {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class User_Avatar_Dropdown extends Jqhtml_Component {
|
||||
class User_Avatar_Dropdown extends Component {
|
||||
on_ready() {
|
||||
// Ensure proper dropdown item structure
|
||||
const $menu = this.$id('menu');
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Notification_Badge extends Jqhtml_Component {
|
||||
class Notification_Badge extends Component {
|
||||
on_ready() {
|
||||
const $count = this.$id('count');
|
||||
// Update count dynamically
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Table extends Jqhtml_Component {
|
||||
class Table extends Component {
|
||||
on_ready() {
|
||||
// Apply variant from args
|
||||
if (this.args.variant) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Button extends Jqhtml_Component {
|
||||
class Button extends Component {
|
||||
// Base button component - no special behavior needed
|
||||
// Bootstrap handles all states (hover, active, focus, disabled)
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Alert_Banner extends Jqhtml_Component {
|
||||
class Alert_Banner extends Component {
|
||||
on_ready() {
|
||||
// Apply type from args (success, danger, warning, info)
|
||||
if (this.args.type) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Timeline extends Jqhtml_Component {
|
||||
class Timeline extends Component {
|
||||
// Pure Bootstrap flexbox - no JavaScript needed
|
||||
}
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJUaW1lbGluZSIsIkpxaHRtbF9Db21wb25lbnQiXSwic291cmNlcyI6WyJyc3gvdGhlbWUvY29tcG9uZW50cy9fYXJjaGl2ZWQvdW5maW5pc2hlZC9UaW1lbGluZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJjbGFzcyBUaW1lbGluZSBleHRlbmRzIEpxaHRtbF9Db21wb25lbnQge1xuICAgIC8vIFB1cmUgQm9vdHN0cmFwIGZsZXhib3ggLSBubyBKYXZhU2NyaXB0IG5lZWRlZFxufVxuIl0sIm1hcHBpbmdzIjoiOztBQUFBLE1BQU1BLFFBQVEsU0FBU0MsZ0JBQWdCLENBQUM7RUFDcEM7QUFBQSIsImlnbm9yZUxpc3QiOltdfQ==
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Icon_With_Label extends Jqhtml_Component {
|
||||
class Icon_With_Label extends Component {
|
||||
on_ready() {
|
||||
// No special behavior
|
||||
}
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
* 2. on_load() - Fetch data from APIs (parallel execution, no DOM modifications)
|
||||
* 3. on_ready() - Component fully initialized, runs bottom-up through component tree
|
||||
*/
|
||||
class Form_Actions_Component extends Jqhtml_Component {
|
||||
class Form_Actions_Component extends Component {
|
||||
/**
|
||||
* Called after render, quick UI setup (bottom-up)
|
||||
* Use for: Initial state, event bindings, showing loading indicators
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class File_Upload extends Jqhtml_Component {
|
||||
class File_Upload extends Component {
|
||||
on_ready() {
|
||||
const $input = this.$id('file_input');
|
||||
const $drop_zone = this.$id('drop_zone');
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Search_Bar extends Jqhtml_Component {
|
||||
class Search_Bar extends Component {
|
||||
on_ready() {
|
||||
// Bind search event
|
||||
const $input = this.$id('input');
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Tag extends Jqhtml_Component {
|
||||
class Tag extends Component {
|
||||
on_ready() {
|
||||
// Apply color from args
|
||||
if (this.args.color) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Stat_Card extends Jqhtml_Component {
|
||||
class Stat_Card extends Component {
|
||||
on_ready() {
|
||||
// No special behavior
|
||||
}
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
* CRITICAL: All radios in same group must have same "name" attribute
|
||||
* Wrapper: Typically used within <div class="form-check"> and <fieldset>
|
||||
*/
|
||||
class Radio_Button extends Jqhtml_Component {
|
||||
class Radio_Button extends Component {
|
||||
on_ready() {
|
||||
// Set name attribute (CRITICAL for grouping)
|
||||
if (this.args.name) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Tab_Content extends Jqhtml_Component {
|
||||
class Tab_Content extends Component {
|
||||
on_ready() {
|
||||
// Ensure children have tab-pane class
|
||||
this.$.children().each(function () {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
"use strict";
|
||||
|
||||
/**
|
||||
* Jqhtml_Component - Base class for JQHTML components in RSX framework
|
||||
* Component - Base class for JQHTML components in RSX framework
|
||||
*
|
||||
* This class wraps the jqhtml.Component from the npm package and provides
|
||||
* the standard interface for RSX components following the Upper_Case naming convention.
|
||||
@@ -10,7 +10,7 @@
|
||||
*
|
||||
* @Instantiatable
|
||||
*/
|
||||
class Jqhtml_Component extends _Base_Jqhtml_Component {}
|
||||
class Component extends _Base_Jqhtml_Component {}
|
||||
|
||||
// RSX manifest automatically makes classes global - no manual assignment needed
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJKcWh0bWxfQ29tcG9uZW50IiwiX0Jhc2VfSnFodG1sX0NvbXBvbmVudCJdLCJzb3VyY2VzIjpbImFwcC9SU3BhZGUvSW50ZWdyYXRpb25zL0pxaHRtbC9KcWh0bWxfQ29tcG9uZW50LmpzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogSnFodG1sX0NvbXBvbmVudCAtIEJhc2UgY2xhc3MgZm9yIEpRSFRNTCBjb21wb25lbnRzIGluIFJTWCBmcmFtZXdvcmtcbiAqXG4gKiBUaGlzIGNsYXNzIHdyYXBzIHRoZSBqcWh0bWwuQ29tcG9uZW50IGZyb20gdGhlIG5wbSBwYWNrYWdlIGFuZCBwcm92aWRlc1xuICogdGhlIHN0YW5kYXJkIGludGVyZmFjZSBmb3IgUlNYIGNvbXBvbmVudHMgZm9sbG93aW5nIHRoZSBVcHBlcl9DYXNlIG5hbWluZyBjb252ZW50aW9uLlxuICpcbiAqIF9CYXNlX0pxaHRtbF9Db21wb25lbnQgaXMgaW1wb3J0ZWQgZnJvbSBucG0gdmlhIEpxaHRtbF9CdW5kbGUuXG4gKlxuICogQEluc3RhbnRpYXRhYmxlXG4gKi9cbmNsYXNzIEpxaHRtbF9Db21wb25lbnQgZXh0ZW5kcyBfQmFzZV9KcWh0bWxfQ29tcG9uZW50IHt9XG5cbi8vIFJTWCBtYW5pZmVzdCBhdXRvbWF0aWNhbGx5IG1ha2VzIGNsYXNzZXMgZ2xvYmFsIC0gbm8gbWFudWFsIGFzc2lnbm1lbnQgbmVlZGVkXG4iXSwibWFwcGluZ3MiOiI7O0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxNQUFNQSxnQkFBZ0IsU0FBU0Msc0JBQXNCLENBQUM7O0FBRXREIiwiaWdub3JlTGlzdCI6W119
|
||||
@@ -15,7 +15,7 @@
|
||||
* - Provides seed() functionality for debug/testing
|
||||
* - Manages form state (values, errors) throughout lifecycle
|
||||
*/
|
||||
class Rsx_Form extends Jqhtml_Component {
|
||||
class Rsx_Form extends Component {
|
||||
on_create() {
|
||||
this.data.values = {}; // Current form values {name: value}
|
||||
this.data.errors = {}; // Validation errors {name: error_message}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Actor_Reference extends Jqhtml_Component {
|
||||
class Actor_Reference extends Component {
|
||||
// Pure Bootstrap styling - no JavaScript needed
|
||||
}
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJBY3Rvcl9SZWZlcmVuY2UiLCJKcWh0bWxfQ29tcG9uZW50Il0sInNvdXJjZXMiOlsicnN4L3RoZW1lL2NvbXBvbmVudHMvX2FyY2hpdmVkL3VuZmluaXNoZWQvQWN0b3JfUmVmZXJlbmNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImNsYXNzIEFjdG9yX1JlZmVyZW5jZSBleHRlbmRzIEpxaHRtbF9Db21wb25lbnQge1xuICAgIC8vIFB1cmUgQm9vdHN0cmFwIHN0eWxpbmcgLSBubyBKYXZhU2NyaXB0IG5lZWRlZFxufVxuIl0sIm1hcHBpbmdzIjoiOztBQUFBLE1BQU1BLGVBQWUsU0FBU0MsZ0JBQWdCLENBQUM7RUFDM0M7QUFBQSIsImlnbm9yZUxpc3QiOltdfQ==
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Activity_Feed extends Jqhtml_Component {
|
||||
class Activity_Feed extends Component {
|
||||
async on_load() {
|
||||
if (this.args.data_source) {
|
||||
const response = await fetch(this.args.data_source);
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
* Purpose: Primary content container using Bootstrap .card class
|
||||
* Design: Pure Bootstrap - border-0 with shadow for modern Volt aesthetic
|
||||
*/
|
||||
class Card extends Jqhtml_Component {
|
||||
class Card extends Component {
|
||||
// Card is a pure container component - no lifecycle methods needed
|
||||
// All styling comes from Bootstrap classes: card, border-0, shadow
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Code_Block extends Jqhtml_Component {
|
||||
class Code_Block extends Component {
|
||||
on_ready() {
|
||||
// No special behavior (syntax highlighting could be added later)
|
||||
}
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
* - Implements vals() method for form data extraction
|
||||
* - Provides default role_id (Member = 3)
|
||||
*/
|
||||
class Add_User_Form extends Jqhtml_Component {
|
||||
class Add_User_Form extends Component {
|
||||
/**
|
||||
* Get or set form values
|
||||
* @param {Object} [values] - If provided, populates form with these values
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Avatar extends Jqhtml_Component {
|
||||
class Avatar extends Component {
|
||||
on_ready() {
|
||||
// Set src from args
|
||||
if (this.args.src) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Breadcrumb_Item extends Jqhtml_Component {
|
||||
class Breadcrumb_Item extends Component {
|
||||
on_create() {
|
||||
// Read href from HTML attribute if present
|
||||
const href = this.$.attr('href');
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Spinner extends Jqhtml_Component {
|
||||
class Spinner extends Component {
|
||||
on_ready() {
|
||||
// Apply size (sm)
|
||||
if (this.args.size === 'sm') {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Calendar_Grid extends Jqhtml_Component {
|
||||
class Calendar_Grid extends Component {
|
||||
on_ready() {
|
||||
this.current_date = new Date();
|
||||
this.render_calendar();
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
* - Counts validation errors within this tab's fields
|
||||
* - Provides error count to parent for badge display
|
||||
*/
|
||||
class Rsx_Tab extends Jqhtml_Component {
|
||||
class Rsx_Tab extends Component {
|
||||
on_create() {
|
||||
let that = this;
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Trend_Indicator extends Jqhtml_Component {
|
||||
class Trend_Indicator extends Component {
|
||||
on_ready() {
|
||||
const text = this.$.text().trim();
|
||||
const is_positive = text.startsWith('+');
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
* - Auto-switches to first tab with errors on validation failure
|
||||
* - Provides API for parent forms to report validation errors
|
||||
*/
|
||||
class Rsx_Tabs extends Jqhtml_Component {
|
||||
class Rsx_Tabs extends Component {
|
||||
on_create() {
|
||||
this.tabs = []; // Registered Rsx_Tab components
|
||||
this.active_tab_id = null;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Button_Group extends Jqhtml_Component {
|
||||
class Button_Group extends Component {
|
||||
// Container for grouped buttons with connected borders
|
||||
// Bootstrap btn-group handles all visual grouping
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Row_Action_Menu extends Jqhtml_Component {
|
||||
class Row_Action_Menu extends Component {
|
||||
on_ready() {
|
||||
// Wrap children in dropdown structure
|
||||
const $menu = this.$id('menu');
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Loading_Skeleton extends Jqhtml_Component {
|
||||
class Loading_Skeleton extends Component {
|
||||
on_ready() {
|
||||
// Apply lines from args
|
||||
if (this.args.lines) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Sortable_Column_Header extends Jqhtml_Component {
|
||||
class Sortable_Column_Header extends Component {
|
||||
on_ready() {
|
||||
// Click to toggle sort
|
||||
this.$.on('click', () => {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Calendar_Event extends Jqhtml_Component {
|
||||
class Calendar_Event extends Component {
|
||||
on_ready() {
|
||||
if (this.args.on_click) {
|
||||
this.$.on('click', () => {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Filter_Bar extends Jqhtml_Component {
|
||||
class Filter_Bar extends Component {
|
||||
on_ready() {
|
||||
this.active_filters = {};
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Column_Visibility_Toggle extends Jqhtml_Component {
|
||||
class Column_Visibility_Toggle extends Component {
|
||||
on_ready() {
|
||||
// Build column checkboxes
|
||||
if (this.args.columns) {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
"use strict";
|
||||
|
||||
class Two_Column_Layout extends Jqhtml_Component {
|
||||
class Two_Column_Layout extends Component {
|
||||
on_ready() {
|
||||
// Wrap each direct child in responsive column classes
|
||||
this.$.children().each(function () {
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
* 2. on_load() - Fetch data from APIs (parallel execution, no DOM modifications)
|
||||
* 3. on_ready() - Component fully initialized, runs bottom-up through component tree
|
||||
*/
|
||||
class Form_Group_Component extends Jqhtml_Component {
|
||||
class Form_Group_Component extends Component {
|
||||
/**
|
||||
* Called after render, quick UI setup (bottom-up)
|
||||
* Use for: Initial state, event bindings, showing loading indicators
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user