\n sql-components works!\n
\n `,\n styles: [\n ]\n})\nexport class SqlComponentsComponent {\n\n}\n","import { Injectable, Inject } from '@angular/core';\nimport { HttpClient, HttpClientModule, HttpHeaders, HttpParams } from '@angular/common/http';\nimport { BehaviorSubject, of } from 'rxjs';\nimport * as CryptoJS from 'crypto-js';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class SQLDataService {\n\n public dataSubject = new BehaviorSubject| {{ m.title }} | \n\n | \n | \n \n \n|
|---|---|---|---|
| \n | \n | \n \n | \n\n \n | \n
| \n | \n
sql-checkbox works!
\n","import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ElementRef, \n OnDestroy, AfterViewInit, DoCheck, OnChanges, SimpleChanges } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SQLDataService } from '../data.service'; \nimport { Router, ActivatedRoute, RouterModule } from '@angular/router';\nimport { FullCalendarModule } from '@fullcalendar/angular';\nimport { CalendarOptions, EventInput } from '@fullcalendar/core'; \nimport dayGridPlugin from '@fullcalendar/daygrid';\nimport InteractionPlugin from '@fullcalendar/interaction';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'sql-fullcalendar',\n standalone: true,\n imports: [CommonModule, FullCalendarModule],\n templateUrl: './sql-fullcalendar.component.html',\n styleUrls: ['./sql-fullcalendar.component.css']\n})\nexport class SqlFullcalendarComponent implements OnInit, DoCheck, OnChanges, AfterViewInit, OnDestroy {\n \n //-- Inputs\n @Input() router: any = 'N'; // does data come from Router.\n @Input() data: any; // Depreciated\n @Input() sql: any = \"select 'x' from dual\"; // query to populate panel. \n @Input() id: any = '0'; // Primary key for query.\n @Input() id2: any = '0'; \n @Input() id3: any = '0'; \n @Input() carßd: any = \"Y\"; // Show the panel in a card Y/N\n @Input() closable: any = \"N\"; // Is the panel closable Y/N\n @Input() open: any = \"Y\"; // Does a closable form start open.\n @Input() class: any = \"\"; // Class for the panel container.\n @Input() style: any = \"\"; // Style for the panel container.\n @Input() title: any = \"\"; // Title of the Panel.\n @Input() bs_row: any = 'Y'; // Y means add a bootstrap row.\n @Input() bs_col: any = 'col-sm-12 col-lg-6 col-xl-4'; // What bootstrap columns.\n\n params: any = { id: '', id2: '', id3: ''};\n\n myObj!: Subscription;\n\n handleDateClick(arg:any) {\n\n }\n\n calendarOptions: CalendarOptions = {\n initialView: 'dayGridMonth',\n plugins: [dayGridPlugin, InteractionPlugin],\n eventClick: this.handleDateClick.bind(this), // MUST ensure `this` context is maintained\n events: [\n ]\n };\n\n r: any;\n path: any;\n\n @Output() change: EventEmitter{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\nsql-calendar works!
\n","import { Component, OnInit, Input, Output, OnDestroy, EventEmitter, OnChanges, DoCheck, AfterViewInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { MatFormFieldModule, MatFormFieldControl } from '@angular/material/form-field';\nimport { MatInput, MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatOptionModule } from '@angular/material/core';\nimport { SQLDataService } from '../data.service';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'sql-radio-group',\n standalone: true,\n imports: [CommonModule, FormsModule, MatFormFieldModule, \n MatInputModule, MatOptionModule, MatSelectModule, MatRadioModule],\n templateUrl: './sql-radio-group.component.html',\n styleUrls: ['./sql-radio-group.component.css']\n})\nexport class SqlRadioGroupComponent implements OnInit, AfterViewInit, OnDestroy {\n\n value: any='';\n fieldData: any = '';\n myObs!: Subscription;\n myDataObs!: Subscription;\n row_value: any;\n col_value: any;\n\n favoriteSeason: any;\n\n @Input() appearance: string = 'outline';\n @Input() inline: string = 'N';\n @Input() native: any = 'Y';\n @Input() sql: string = '';\n @Input() handler: string = '';\n @Input() col: string = '';\n @Input() data: any;\n @Input() class: any = '';\n @Input() style: any = '';\n @Input() id: any = '';\n @Input() id2: any = '';\n @Input() id3: any = '';\n @Input() hint: string = '';\n @Input() icon: string = '';\n @Input() label: string = 'Label not set';\n @Input() placeholder: any = '';\n @Input() bs_row: any = 'Y';\n @Input() bs_col: any = 'col-12';\n @Input() top_label: any = 'N';\n selectData: any;\n counter: number = 0;\n @Output()\n change: EventEmitter| {{ m.title }} | \n\n | |
|---|---|---|
| \n | \n | \n \n | \n
| {{ m.title }} | \n\n | |
|---|---|---|
| \n | \n | \n \n | \n
| {{ m.title }} | \n\n | \n | |
|---|---|---|---|
| \n | \n | \n \n | \n\n \n | \n
| \n | \n
| {{ m.title }} | \n\n | \n \n \n | |
|---|---|---|---|
| \n | \n | \n \n | \n\n \n | \n
| \n | \n
{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n{{ label }}
\n