iptdevs-design-system 2.7.38 → 2.7.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/components.module.mjs +9 -4
- package/esm2020/lib/components/molecules/question-type/edit-question-types.component.mjs +302 -0
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/iptdevs-design-system.mjs +306 -4
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +306 -4
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/components/components.module.d.ts +6 -5
- package/lib/components/molecules/question-type/edit-question-types.component.d.ts +10 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -1757,6 +1757,304 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1757
1757
|
}]
|
|
1758
1758
|
}] });
|
|
1759
1759
|
|
|
1760
|
+
class QuestionTypeComponent {
|
|
1761
|
+
ngOnChanges(changes) {
|
|
1762
|
+
if (changes['formGruoup']) {
|
|
1763
|
+
console.log('a change in form group has ocurr');
|
|
1764
|
+
console.log(this.formGruoup.controls['value1'].value);
|
|
1765
|
+
console.log(this.formGruoup.controls['value2'].value);
|
|
1766
|
+
console.log(this.formGruoup.controls['value3'].value);
|
|
1767
|
+
console.log(this.formGruoup.controls['value4'].value);
|
|
1768
|
+
}
|
|
1769
|
+
}
|
|
1770
|
+
}
|
|
1771
|
+
QuestionTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: QuestionTypeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1772
|
+
QuestionTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: QuestionTypeComponent, selector: "ipt-question-types", inputs: { questionType: "questionType", formGruoup: "formGruoup" }, usesOnChanges: true, ngImport: i0, template: `
|
|
1773
|
+
<div
|
|
1774
|
+
*ngIf="
|
|
1775
|
+
this.questionType === 'True or False' ||
|
|
1776
|
+
this.questionType === 'Correct or Incorrect'
|
|
1777
|
+
"
|
|
1778
|
+
class="sectionABCD"
|
|
1779
|
+
>
|
|
1780
|
+
<fieldset disabled="disabled">
|
|
1781
|
+
<ipt-input
|
|
1782
|
+
[control]="formGruoup.controls['answer1']"
|
|
1783
|
+
[inputType]="'text'"
|
|
1784
|
+
[placeHolder]="
|
|
1785
|
+
this.questionType === 'True or False' ? 'True' : 'Correct'
|
|
1786
|
+
"
|
|
1787
|
+
[validateText]="'Este campo es requerido'"
|
|
1788
|
+
>
|
|
1789
|
+
</ipt-input>
|
|
1790
|
+
</fieldset>
|
|
1791
|
+
<ipt-input
|
|
1792
|
+
[control]="formGruoup.controls['value1']"
|
|
1793
|
+
[inputType]="'number'"
|
|
1794
|
+
[placeHolder]="'Valor *'"
|
|
1795
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1796
|
+
>
|
|
1797
|
+
</ipt-input>
|
|
1798
|
+
<fieldset disabled="disabled">
|
|
1799
|
+
<ipt-input
|
|
1800
|
+
[control]="formGruoup.controls['answer2']"
|
|
1801
|
+
[inputType]="'text'"
|
|
1802
|
+
[placeHolder]="
|
|
1803
|
+
this.questionType === 'True or False' ? 'False' : 'Incorrect'
|
|
1804
|
+
"
|
|
1805
|
+
[validateText]="'Este campo es requerido'"
|
|
1806
|
+
>
|
|
1807
|
+
</ipt-input>
|
|
1808
|
+
</fieldset>
|
|
1809
|
+
<ipt-input
|
|
1810
|
+
[control]="formGruoup.controls['value2']"
|
|
1811
|
+
[inputType]="'number'"
|
|
1812
|
+
[placeHolder]="'Valor *'"
|
|
1813
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1814
|
+
>
|
|
1815
|
+
</ipt-input>
|
|
1816
|
+
</div>
|
|
1817
|
+
|
|
1818
|
+
<div
|
|
1819
|
+
*ngIf="
|
|
1820
|
+
this.questionType === 'Relationship' ||
|
|
1821
|
+
this.questionType === 'Complete' ||
|
|
1822
|
+
this.questionType === 'Conversation'
|
|
1823
|
+
"
|
|
1824
|
+
class="sectionABCD"
|
|
1825
|
+
>
|
|
1826
|
+
<ipt-input
|
|
1827
|
+
[control]="formGruoup.controls['answer1']"
|
|
1828
|
+
[inputType]="'text'"
|
|
1829
|
+
[placeHolder]="'Ingrese la opción'"
|
|
1830
|
+
[validateText]="'Este campo es requerido'"
|
|
1831
|
+
>
|
|
1832
|
+
</ipt-input>
|
|
1833
|
+
<ipt-input
|
|
1834
|
+
[control]="formGruoup.controls['value1']"
|
|
1835
|
+
[inputType]="'number'"
|
|
1836
|
+
[placeHolder]="'Valor *'"
|
|
1837
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1838
|
+
>
|
|
1839
|
+
</ipt-input>
|
|
1840
|
+
</div>
|
|
1841
|
+
|
|
1842
|
+
<div
|
|
1843
|
+
*ngIf="
|
|
1844
|
+
this.questionType === 'A, B, C' || this.questionType === 'A, B, C, D'
|
|
1845
|
+
"
|
|
1846
|
+
class="sectionABCD"
|
|
1847
|
+
>
|
|
1848
|
+
<ipt-input
|
|
1849
|
+
[control]="formGruoup.controls['answer1']"
|
|
1850
|
+
[inputType]="'text'"
|
|
1851
|
+
[placeHolder]="'Opción A *'"
|
|
1852
|
+
[validateText]="'Este campo es requerido'"
|
|
1853
|
+
>
|
|
1854
|
+
</ipt-input>
|
|
1855
|
+
<ipt-input
|
|
1856
|
+
[control]="formGruoup.controls['value1']"
|
|
1857
|
+
[inputType]="'number'"
|
|
1858
|
+
[placeHolder]="'Valor *'"
|
|
1859
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1860
|
+
>
|
|
1861
|
+
</ipt-input>
|
|
1862
|
+
|
|
1863
|
+
<ipt-input
|
|
1864
|
+
[control]="formGruoup.controls['answer2']"
|
|
1865
|
+
[inputType]="'text'"
|
|
1866
|
+
[placeHolder]="'Opción B *'"
|
|
1867
|
+
[validateText]="'Este campo es requerido'"
|
|
1868
|
+
>
|
|
1869
|
+
</ipt-input>
|
|
1870
|
+
<ipt-input
|
|
1871
|
+
[control]="formGruoup.controls['value2']"
|
|
1872
|
+
[inputType]="'number'"
|
|
1873
|
+
[placeHolder]="'Valor *'"
|
|
1874
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1875
|
+
>
|
|
1876
|
+
</ipt-input>
|
|
1877
|
+
|
|
1878
|
+
<ipt-input
|
|
1879
|
+
[control]="formGruoup.controls['answer3']"
|
|
1880
|
+
[inputType]="'text'"
|
|
1881
|
+
[placeHolder]="'Opción C *'"
|
|
1882
|
+
[validateText]="'Este campo es requerido'"
|
|
1883
|
+
>
|
|
1884
|
+
</ipt-input>
|
|
1885
|
+
<ipt-input
|
|
1886
|
+
[control]="formGruoup.controls['value3']"
|
|
1887
|
+
[inputType]="'number'"
|
|
1888
|
+
[placeHolder]="'Valor *'"
|
|
1889
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1890
|
+
>
|
|
1891
|
+
</ipt-input>
|
|
1892
|
+
|
|
1893
|
+
<ipt-input
|
|
1894
|
+
*ngIf="this.questionType === 'A, B, C, D'"
|
|
1895
|
+
[control]="formGruoup.controls['answer4']"
|
|
1896
|
+
[inputType]="'text'"
|
|
1897
|
+
[placeHolder]="'Opción D *'"
|
|
1898
|
+
[validateText]="'Este campo es requerido'"
|
|
1899
|
+
>
|
|
1900
|
+
</ipt-input>
|
|
1901
|
+
<ipt-input
|
|
1902
|
+
*ngIf="this.questionType === 'A, B, C, D'"
|
|
1903
|
+
[control]="formGruoup.controls['value4']"
|
|
1904
|
+
[inputType]="'number'"
|
|
1905
|
+
[placeHolder]="'Valor *'"
|
|
1906
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1907
|
+
>
|
|
1908
|
+
</ipt-input>
|
|
1909
|
+
</div>
|
|
1910
|
+
`, isInline: true, styles: ["form{display:grid;grid-template-columns:1fr}.sectionABCD{display:grid;grid-template-columns:12fr 0fr;grid-gap:0px 10px;gap:0px 10px}fieldset{background:transparent;border:none}\n"], components: [{ type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1911
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: QuestionTypeComponent, decorators: [{
|
|
1912
|
+
type: Component,
|
|
1913
|
+
args: [{ selector: 'ipt-question-types', template: `
|
|
1914
|
+
<div
|
|
1915
|
+
*ngIf="
|
|
1916
|
+
this.questionType === 'True or False' ||
|
|
1917
|
+
this.questionType === 'Correct or Incorrect'
|
|
1918
|
+
"
|
|
1919
|
+
class="sectionABCD"
|
|
1920
|
+
>
|
|
1921
|
+
<fieldset disabled="disabled">
|
|
1922
|
+
<ipt-input
|
|
1923
|
+
[control]="formGruoup.controls['answer1']"
|
|
1924
|
+
[inputType]="'text'"
|
|
1925
|
+
[placeHolder]="
|
|
1926
|
+
this.questionType === 'True or False' ? 'True' : 'Correct'
|
|
1927
|
+
"
|
|
1928
|
+
[validateText]="'Este campo es requerido'"
|
|
1929
|
+
>
|
|
1930
|
+
</ipt-input>
|
|
1931
|
+
</fieldset>
|
|
1932
|
+
<ipt-input
|
|
1933
|
+
[control]="formGruoup.controls['value1']"
|
|
1934
|
+
[inputType]="'number'"
|
|
1935
|
+
[placeHolder]="'Valor *'"
|
|
1936
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1937
|
+
>
|
|
1938
|
+
</ipt-input>
|
|
1939
|
+
<fieldset disabled="disabled">
|
|
1940
|
+
<ipt-input
|
|
1941
|
+
[control]="formGruoup.controls['answer2']"
|
|
1942
|
+
[inputType]="'text'"
|
|
1943
|
+
[placeHolder]="
|
|
1944
|
+
this.questionType === 'True or False' ? 'False' : 'Incorrect'
|
|
1945
|
+
"
|
|
1946
|
+
[validateText]="'Este campo es requerido'"
|
|
1947
|
+
>
|
|
1948
|
+
</ipt-input>
|
|
1949
|
+
</fieldset>
|
|
1950
|
+
<ipt-input
|
|
1951
|
+
[control]="formGruoup.controls['value2']"
|
|
1952
|
+
[inputType]="'number'"
|
|
1953
|
+
[placeHolder]="'Valor *'"
|
|
1954
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1955
|
+
>
|
|
1956
|
+
</ipt-input>
|
|
1957
|
+
</div>
|
|
1958
|
+
|
|
1959
|
+
<div
|
|
1960
|
+
*ngIf="
|
|
1961
|
+
this.questionType === 'Relationship' ||
|
|
1962
|
+
this.questionType === 'Complete' ||
|
|
1963
|
+
this.questionType === 'Conversation'
|
|
1964
|
+
"
|
|
1965
|
+
class="sectionABCD"
|
|
1966
|
+
>
|
|
1967
|
+
<ipt-input
|
|
1968
|
+
[control]="formGruoup.controls['answer1']"
|
|
1969
|
+
[inputType]="'text'"
|
|
1970
|
+
[placeHolder]="'Ingrese la opción'"
|
|
1971
|
+
[validateText]="'Este campo es requerido'"
|
|
1972
|
+
>
|
|
1973
|
+
</ipt-input>
|
|
1974
|
+
<ipt-input
|
|
1975
|
+
[control]="formGruoup.controls['value1']"
|
|
1976
|
+
[inputType]="'number'"
|
|
1977
|
+
[placeHolder]="'Valor *'"
|
|
1978
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1979
|
+
>
|
|
1980
|
+
</ipt-input>
|
|
1981
|
+
</div>
|
|
1982
|
+
|
|
1983
|
+
<div
|
|
1984
|
+
*ngIf="
|
|
1985
|
+
this.questionType === 'A, B, C' || this.questionType === 'A, B, C, D'
|
|
1986
|
+
"
|
|
1987
|
+
class="sectionABCD"
|
|
1988
|
+
>
|
|
1989
|
+
<ipt-input
|
|
1990
|
+
[control]="formGruoup.controls['answer1']"
|
|
1991
|
+
[inputType]="'text'"
|
|
1992
|
+
[placeHolder]="'Opción A *'"
|
|
1993
|
+
[validateText]="'Este campo es requerido'"
|
|
1994
|
+
>
|
|
1995
|
+
</ipt-input>
|
|
1996
|
+
<ipt-input
|
|
1997
|
+
[control]="formGruoup.controls['value1']"
|
|
1998
|
+
[inputType]="'number'"
|
|
1999
|
+
[placeHolder]="'Valor *'"
|
|
2000
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
2001
|
+
>
|
|
2002
|
+
</ipt-input>
|
|
2003
|
+
|
|
2004
|
+
<ipt-input
|
|
2005
|
+
[control]="formGruoup.controls['answer2']"
|
|
2006
|
+
[inputType]="'text'"
|
|
2007
|
+
[placeHolder]="'Opción B *'"
|
|
2008
|
+
[validateText]="'Este campo es requerido'"
|
|
2009
|
+
>
|
|
2010
|
+
</ipt-input>
|
|
2011
|
+
<ipt-input
|
|
2012
|
+
[control]="formGruoup.controls['value2']"
|
|
2013
|
+
[inputType]="'number'"
|
|
2014
|
+
[placeHolder]="'Valor *'"
|
|
2015
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
2016
|
+
>
|
|
2017
|
+
</ipt-input>
|
|
2018
|
+
|
|
2019
|
+
<ipt-input
|
|
2020
|
+
[control]="formGruoup.controls['answer3']"
|
|
2021
|
+
[inputType]="'text'"
|
|
2022
|
+
[placeHolder]="'Opción C *'"
|
|
2023
|
+
[validateText]="'Este campo es requerido'"
|
|
2024
|
+
>
|
|
2025
|
+
</ipt-input>
|
|
2026
|
+
<ipt-input
|
|
2027
|
+
[control]="formGruoup.controls['value3']"
|
|
2028
|
+
[inputType]="'number'"
|
|
2029
|
+
[placeHolder]="'Valor *'"
|
|
2030
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
2031
|
+
>
|
|
2032
|
+
</ipt-input>
|
|
2033
|
+
|
|
2034
|
+
<ipt-input
|
|
2035
|
+
*ngIf="this.questionType === 'A, B, C, D'"
|
|
2036
|
+
[control]="formGruoup.controls['answer4']"
|
|
2037
|
+
[inputType]="'text'"
|
|
2038
|
+
[placeHolder]="'Opción D *'"
|
|
2039
|
+
[validateText]="'Este campo es requerido'"
|
|
2040
|
+
>
|
|
2041
|
+
</ipt-input>
|
|
2042
|
+
<ipt-input
|
|
2043
|
+
*ngIf="this.questionType === 'A, B, C, D'"
|
|
2044
|
+
[control]="formGruoup.controls['value4']"
|
|
2045
|
+
[inputType]="'number'"
|
|
2046
|
+
[placeHolder]="'Valor *'"
|
|
2047
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
2048
|
+
>
|
|
2049
|
+
</ipt-input>
|
|
2050
|
+
</div>
|
|
2051
|
+
`, styles: ["form{display:grid;grid-template-columns:1fr}.sectionABCD{display:grid;grid-template-columns:12fr 0fr;grid-gap:0px 10px;gap:0px 10px}fieldset{background:transparent;border:none}\n"] }]
|
|
2052
|
+
}], propDecorators: { questionType: [{
|
|
2053
|
+
type: Input
|
|
2054
|
+
}], formGruoup: [{
|
|
2055
|
+
type: Input
|
|
2056
|
+
}] } });
|
|
2057
|
+
|
|
1760
2058
|
class ComponentsModule {
|
|
1761
2059
|
}
|
|
1762
2060
|
ComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -1773,7 +2071,8 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
1773
2071
|
RadioComponent,
|
|
1774
2072
|
SelectComponent,
|
|
1775
2073
|
SidenavComponent,
|
|
1776
|
-
TextLinkComponent
|
|
2074
|
+
TextLinkComponent,
|
|
2075
|
+
QuestionTypeComponent], imports: [CommonModule,
|
|
1777
2076
|
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
1778
2077
|
FormsModule,
|
|
1779
2078
|
ReactiveFormsModule,
|
|
@@ -1792,7 +2091,8 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
1792
2091
|
TextLinkComponent,
|
|
1793
2092
|
LoginFormComponent,
|
|
1794
2093
|
SidenavComponent,
|
|
1795
|
-
CurrencyMaskModule
|
|
2094
|
+
CurrencyMaskModule,
|
|
2095
|
+
QuestionTypeComponent] });
|
|
1796
2096
|
ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, providers: [
|
|
1797
2097
|
CurrencyPipe,
|
|
1798
2098
|
TitleCasePipe
|
|
@@ -1822,6 +2122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1822
2122
|
SelectComponent,
|
|
1823
2123
|
SidenavComponent,
|
|
1824
2124
|
TextLinkComponent,
|
|
2125
|
+
QuestionTypeComponent,
|
|
1825
2126
|
],
|
|
1826
2127
|
imports: [
|
|
1827
2128
|
CommonModule,
|
|
@@ -1846,7 +2147,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1846
2147
|
TextLinkComponent,
|
|
1847
2148
|
LoginFormComponent,
|
|
1848
2149
|
SidenavComponent,
|
|
1849
|
-
CurrencyMaskModule
|
|
2150
|
+
CurrencyMaskModule,
|
|
2151
|
+
QuestionTypeComponent
|
|
1850
2152
|
],
|
|
1851
2153
|
providers: [
|
|
1852
2154
|
CurrencyPipe,
|
|
@@ -4397,5 +4699,5 @@ class UserLoginRs {
|
|
|
4397
4699
|
* Generated bundle index. Do not edit.
|
|
4398
4700
|
*/
|
|
4399
4701
|
|
|
4400
|
-
export { AcademicService, ActivityService, AsideButtonComponent, AttendanceService, BaseService, BudgetService, ButtonComponent, CalculateQuotesService, CalendarService, CertificateService, CheckboxComponent, ClassroomService, CodDocumentsSectionComponent, CodFormComponent, CodFormControls, CodFormStepFiveComponent, CodFormStepFourComponent, CodFormStepOneComponent, CodFormStepThreeComponent, CodFormStepTwoComponent, CodFormSteps, CodModule, CommercialService, CommunicatorService, ComponentsModule, CopiesService, CoreModule, CourseService, CreateUserFormComponent, DatalistComponent, DesignSystemModule, InputComponent, LevelButtonComponent, LevelTextComponent, LoaderComponent, LocalStorageCODService, LoginFormComponent, MarketingService, NotesService, ParameterService, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, StudentService, SwitchService, TestService, TextLinkComponent, UserEktService, UserLoginRs, UserRs, UserService, validateCoupunts };
|
|
4702
|
+
export { AcademicService, ActivityService, AsideButtonComponent, AttendanceService, BaseService, BudgetService, ButtonComponent, CalculateQuotesService, CalendarService, CertificateService, CheckboxComponent, ClassroomService, CodDocumentsSectionComponent, CodFormComponent, CodFormControls, CodFormStepFiveComponent, CodFormStepFourComponent, CodFormStepOneComponent, CodFormStepThreeComponent, CodFormStepTwoComponent, CodFormSteps, CodModule, CommercialService, CommunicatorService, ComponentsModule, CopiesService, CoreModule, CourseService, CreateUserFormComponent, DatalistComponent, DesignSystemModule, InputComponent, LevelButtonComponent, LevelTextComponent, LoaderComponent, LocalStorageCODService, LoginFormComponent, MarketingService, NotesService, ParameterService, QuestionTypeComponent, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, StudentService, SwitchService, TestService, TextLinkComponent, UserEktService, UserLoginRs, UserRs, UserService, validateCoupunts };
|
|
4401
4703
|
//# sourceMappingURL=iptdevs-design-system.mjs.map
|