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
|
@@ -1760,6 +1760,304 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1760
1760
|
}]
|
|
1761
1761
|
}] });
|
|
1762
1762
|
|
|
1763
|
+
class QuestionTypeComponent {
|
|
1764
|
+
ngOnChanges(changes) {
|
|
1765
|
+
if (changes['formGruoup']) {
|
|
1766
|
+
console.log('a change in form group has ocurr');
|
|
1767
|
+
console.log(this.formGruoup.controls['value1'].value);
|
|
1768
|
+
console.log(this.formGruoup.controls['value2'].value);
|
|
1769
|
+
console.log(this.formGruoup.controls['value3'].value);
|
|
1770
|
+
console.log(this.formGruoup.controls['value4'].value);
|
|
1771
|
+
}
|
|
1772
|
+
}
|
|
1773
|
+
}
|
|
1774
|
+
QuestionTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: QuestionTypeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1775
|
+
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: `
|
|
1776
|
+
<div
|
|
1777
|
+
*ngIf="
|
|
1778
|
+
this.questionType === 'True or False' ||
|
|
1779
|
+
this.questionType === 'Correct or Incorrect'
|
|
1780
|
+
"
|
|
1781
|
+
class="sectionABCD"
|
|
1782
|
+
>
|
|
1783
|
+
<fieldset disabled="disabled">
|
|
1784
|
+
<ipt-input
|
|
1785
|
+
[control]="formGruoup.controls['answer1']"
|
|
1786
|
+
[inputType]="'text'"
|
|
1787
|
+
[placeHolder]="
|
|
1788
|
+
this.questionType === 'True or False' ? 'True' : 'Correct'
|
|
1789
|
+
"
|
|
1790
|
+
[validateText]="'Este campo es requerido'"
|
|
1791
|
+
>
|
|
1792
|
+
</ipt-input>
|
|
1793
|
+
</fieldset>
|
|
1794
|
+
<ipt-input
|
|
1795
|
+
[control]="formGruoup.controls['value1']"
|
|
1796
|
+
[inputType]="'number'"
|
|
1797
|
+
[placeHolder]="'Valor *'"
|
|
1798
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1799
|
+
>
|
|
1800
|
+
</ipt-input>
|
|
1801
|
+
<fieldset disabled="disabled">
|
|
1802
|
+
<ipt-input
|
|
1803
|
+
[control]="formGruoup.controls['answer2']"
|
|
1804
|
+
[inputType]="'text'"
|
|
1805
|
+
[placeHolder]="
|
|
1806
|
+
this.questionType === 'True or False' ? 'False' : 'Incorrect'
|
|
1807
|
+
"
|
|
1808
|
+
[validateText]="'Este campo es requerido'"
|
|
1809
|
+
>
|
|
1810
|
+
</ipt-input>
|
|
1811
|
+
</fieldset>
|
|
1812
|
+
<ipt-input
|
|
1813
|
+
[control]="formGruoup.controls['value2']"
|
|
1814
|
+
[inputType]="'number'"
|
|
1815
|
+
[placeHolder]="'Valor *'"
|
|
1816
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1817
|
+
>
|
|
1818
|
+
</ipt-input>
|
|
1819
|
+
</div>
|
|
1820
|
+
|
|
1821
|
+
<div
|
|
1822
|
+
*ngIf="
|
|
1823
|
+
this.questionType === 'Relationship' ||
|
|
1824
|
+
this.questionType === 'Complete' ||
|
|
1825
|
+
this.questionType === 'Conversation'
|
|
1826
|
+
"
|
|
1827
|
+
class="sectionABCD"
|
|
1828
|
+
>
|
|
1829
|
+
<ipt-input
|
|
1830
|
+
[control]="formGruoup.controls['answer1']"
|
|
1831
|
+
[inputType]="'text'"
|
|
1832
|
+
[placeHolder]="'Ingrese la opción'"
|
|
1833
|
+
[validateText]="'Este campo es requerido'"
|
|
1834
|
+
>
|
|
1835
|
+
</ipt-input>
|
|
1836
|
+
<ipt-input
|
|
1837
|
+
[control]="formGruoup.controls['value1']"
|
|
1838
|
+
[inputType]="'number'"
|
|
1839
|
+
[placeHolder]="'Valor *'"
|
|
1840
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1841
|
+
>
|
|
1842
|
+
</ipt-input>
|
|
1843
|
+
</div>
|
|
1844
|
+
|
|
1845
|
+
<div
|
|
1846
|
+
*ngIf="
|
|
1847
|
+
this.questionType === 'A, B, C' || this.questionType === 'A, B, C, D'
|
|
1848
|
+
"
|
|
1849
|
+
class="sectionABCD"
|
|
1850
|
+
>
|
|
1851
|
+
<ipt-input
|
|
1852
|
+
[control]="formGruoup.controls['answer1']"
|
|
1853
|
+
[inputType]="'text'"
|
|
1854
|
+
[placeHolder]="'Opción A *'"
|
|
1855
|
+
[validateText]="'Este campo es requerido'"
|
|
1856
|
+
>
|
|
1857
|
+
</ipt-input>
|
|
1858
|
+
<ipt-input
|
|
1859
|
+
[control]="formGruoup.controls['value1']"
|
|
1860
|
+
[inputType]="'number'"
|
|
1861
|
+
[placeHolder]="'Valor *'"
|
|
1862
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1863
|
+
>
|
|
1864
|
+
</ipt-input>
|
|
1865
|
+
|
|
1866
|
+
<ipt-input
|
|
1867
|
+
[control]="formGruoup.controls['answer2']"
|
|
1868
|
+
[inputType]="'text'"
|
|
1869
|
+
[placeHolder]="'Opción B *'"
|
|
1870
|
+
[validateText]="'Este campo es requerido'"
|
|
1871
|
+
>
|
|
1872
|
+
</ipt-input>
|
|
1873
|
+
<ipt-input
|
|
1874
|
+
[control]="formGruoup.controls['value2']"
|
|
1875
|
+
[inputType]="'number'"
|
|
1876
|
+
[placeHolder]="'Valor *'"
|
|
1877
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1878
|
+
>
|
|
1879
|
+
</ipt-input>
|
|
1880
|
+
|
|
1881
|
+
<ipt-input
|
|
1882
|
+
[control]="formGruoup.controls['answer3']"
|
|
1883
|
+
[inputType]="'text'"
|
|
1884
|
+
[placeHolder]="'Opción C *'"
|
|
1885
|
+
[validateText]="'Este campo es requerido'"
|
|
1886
|
+
>
|
|
1887
|
+
</ipt-input>
|
|
1888
|
+
<ipt-input
|
|
1889
|
+
[control]="formGruoup.controls['value3']"
|
|
1890
|
+
[inputType]="'number'"
|
|
1891
|
+
[placeHolder]="'Valor *'"
|
|
1892
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1893
|
+
>
|
|
1894
|
+
</ipt-input>
|
|
1895
|
+
|
|
1896
|
+
<ipt-input
|
|
1897
|
+
*ngIf="this.questionType === 'A, B, C, D'"
|
|
1898
|
+
[control]="formGruoup.controls['answer4']"
|
|
1899
|
+
[inputType]="'text'"
|
|
1900
|
+
[placeHolder]="'Opción D *'"
|
|
1901
|
+
[validateText]="'Este campo es requerido'"
|
|
1902
|
+
>
|
|
1903
|
+
</ipt-input>
|
|
1904
|
+
<ipt-input
|
|
1905
|
+
*ngIf="this.questionType === 'A, B, C, D'"
|
|
1906
|
+
[control]="formGruoup.controls['value4']"
|
|
1907
|
+
[inputType]="'number'"
|
|
1908
|
+
[placeHolder]="'Valor *'"
|
|
1909
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1910
|
+
>
|
|
1911
|
+
</ipt-input>
|
|
1912
|
+
</div>
|
|
1913
|
+
`, 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"] }] });
|
|
1914
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: QuestionTypeComponent, decorators: [{
|
|
1915
|
+
type: Component,
|
|
1916
|
+
args: [{ selector: 'ipt-question-types', template: `
|
|
1917
|
+
<div
|
|
1918
|
+
*ngIf="
|
|
1919
|
+
this.questionType === 'True or False' ||
|
|
1920
|
+
this.questionType === 'Correct or Incorrect'
|
|
1921
|
+
"
|
|
1922
|
+
class="sectionABCD"
|
|
1923
|
+
>
|
|
1924
|
+
<fieldset disabled="disabled">
|
|
1925
|
+
<ipt-input
|
|
1926
|
+
[control]="formGruoup.controls['answer1']"
|
|
1927
|
+
[inputType]="'text'"
|
|
1928
|
+
[placeHolder]="
|
|
1929
|
+
this.questionType === 'True or False' ? 'True' : 'Correct'
|
|
1930
|
+
"
|
|
1931
|
+
[validateText]="'Este campo es requerido'"
|
|
1932
|
+
>
|
|
1933
|
+
</ipt-input>
|
|
1934
|
+
</fieldset>
|
|
1935
|
+
<ipt-input
|
|
1936
|
+
[control]="formGruoup.controls['value1']"
|
|
1937
|
+
[inputType]="'number'"
|
|
1938
|
+
[placeHolder]="'Valor *'"
|
|
1939
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1940
|
+
>
|
|
1941
|
+
</ipt-input>
|
|
1942
|
+
<fieldset disabled="disabled">
|
|
1943
|
+
<ipt-input
|
|
1944
|
+
[control]="formGruoup.controls['answer2']"
|
|
1945
|
+
[inputType]="'text'"
|
|
1946
|
+
[placeHolder]="
|
|
1947
|
+
this.questionType === 'True or False' ? 'False' : 'Incorrect'
|
|
1948
|
+
"
|
|
1949
|
+
[validateText]="'Este campo es requerido'"
|
|
1950
|
+
>
|
|
1951
|
+
</ipt-input>
|
|
1952
|
+
</fieldset>
|
|
1953
|
+
<ipt-input
|
|
1954
|
+
[control]="formGruoup.controls['value2']"
|
|
1955
|
+
[inputType]="'number'"
|
|
1956
|
+
[placeHolder]="'Valor *'"
|
|
1957
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1958
|
+
>
|
|
1959
|
+
</ipt-input>
|
|
1960
|
+
</div>
|
|
1961
|
+
|
|
1962
|
+
<div
|
|
1963
|
+
*ngIf="
|
|
1964
|
+
this.questionType === 'Relationship' ||
|
|
1965
|
+
this.questionType === 'Complete' ||
|
|
1966
|
+
this.questionType === 'Conversation'
|
|
1967
|
+
"
|
|
1968
|
+
class="sectionABCD"
|
|
1969
|
+
>
|
|
1970
|
+
<ipt-input
|
|
1971
|
+
[control]="formGruoup.controls['answer1']"
|
|
1972
|
+
[inputType]="'text'"
|
|
1973
|
+
[placeHolder]="'Ingrese la opción'"
|
|
1974
|
+
[validateText]="'Este campo es requerido'"
|
|
1975
|
+
>
|
|
1976
|
+
</ipt-input>
|
|
1977
|
+
<ipt-input
|
|
1978
|
+
[control]="formGruoup.controls['value1']"
|
|
1979
|
+
[inputType]="'number'"
|
|
1980
|
+
[placeHolder]="'Valor *'"
|
|
1981
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
1982
|
+
>
|
|
1983
|
+
</ipt-input>
|
|
1984
|
+
</div>
|
|
1985
|
+
|
|
1986
|
+
<div
|
|
1987
|
+
*ngIf="
|
|
1988
|
+
this.questionType === 'A, B, C' || this.questionType === 'A, B, C, D'
|
|
1989
|
+
"
|
|
1990
|
+
class="sectionABCD"
|
|
1991
|
+
>
|
|
1992
|
+
<ipt-input
|
|
1993
|
+
[control]="formGruoup.controls['answer1']"
|
|
1994
|
+
[inputType]="'text'"
|
|
1995
|
+
[placeHolder]="'Opción A *'"
|
|
1996
|
+
[validateText]="'Este campo es requerido'"
|
|
1997
|
+
>
|
|
1998
|
+
</ipt-input>
|
|
1999
|
+
<ipt-input
|
|
2000
|
+
[control]="formGruoup.controls['value1']"
|
|
2001
|
+
[inputType]="'number'"
|
|
2002
|
+
[placeHolder]="'Valor *'"
|
|
2003
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
2004
|
+
>
|
|
2005
|
+
</ipt-input>
|
|
2006
|
+
|
|
2007
|
+
<ipt-input
|
|
2008
|
+
[control]="formGruoup.controls['answer2']"
|
|
2009
|
+
[inputType]="'text'"
|
|
2010
|
+
[placeHolder]="'Opción B *'"
|
|
2011
|
+
[validateText]="'Este campo es requerido'"
|
|
2012
|
+
>
|
|
2013
|
+
</ipt-input>
|
|
2014
|
+
<ipt-input
|
|
2015
|
+
[control]="formGruoup.controls['value2']"
|
|
2016
|
+
[inputType]="'number'"
|
|
2017
|
+
[placeHolder]="'Valor *'"
|
|
2018
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
2019
|
+
>
|
|
2020
|
+
</ipt-input>
|
|
2021
|
+
|
|
2022
|
+
<ipt-input
|
|
2023
|
+
[control]="formGruoup.controls['answer3']"
|
|
2024
|
+
[inputType]="'text'"
|
|
2025
|
+
[placeHolder]="'Opción C *'"
|
|
2026
|
+
[validateText]="'Este campo es requerido'"
|
|
2027
|
+
>
|
|
2028
|
+
</ipt-input>
|
|
2029
|
+
<ipt-input
|
|
2030
|
+
[control]="formGruoup.controls['value3']"
|
|
2031
|
+
[inputType]="'number'"
|
|
2032
|
+
[placeHolder]="'Valor *'"
|
|
2033
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
2034
|
+
>
|
|
2035
|
+
</ipt-input>
|
|
2036
|
+
|
|
2037
|
+
<ipt-input
|
|
2038
|
+
*ngIf="this.questionType === 'A, B, C, D'"
|
|
2039
|
+
[control]="formGruoup.controls['answer4']"
|
|
2040
|
+
[inputType]="'text'"
|
|
2041
|
+
[placeHolder]="'Opción D *'"
|
|
2042
|
+
[validateText]="'Este campo es requerido'"
|
|
2043
|
+
>
|
|
2044
|
+
</ipt-input>
|
|
2045
|
+
<ipt-input
|
|
2046
|
+
*ngIf="this.questionType === 'A, B, C, D'"
|
|
2047
|
+
[control]="formGruoup.controls['value4']"
|
|
2048
|
+
[inputType]="'number'"
|
|
2049
|
+
[placeHolder]="'Valor *'"
|
|
2050
|
+
[validateText]="'Debe ser 0 o 1'"
|
|
2051
|
+
>
|
|
2052
|
+
</ipt-input>
|
|
2053
|
+
</div>
|
|
2054
|
+
`, 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"] }]
|
|
2055
|
+
}], propDecorators: { questionType: [{
|
|
2056
|
+
type: Input
|
|
2057
|
+
}], formGruoup: [{
|
|
2058
|
+
type: Input
|
|
2059
|
+
}] } });
|
|
2060
|
+
|
|
1763
2061
|
class ComponentsModule {
|
|
1764
2062
|
}
|
|
1765
2063
|
ComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -1776,7 +2074,8 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
1776
2074
|
RadioComponent,
|
|
1777
2075
|
SelectComponent,
|
|
1778
2076
|
SidenavComponent,
|
|
1779
|
-
TextLinkComponent
|
|
2077
|
+
TextLinkComponent,
|
|
2078
|
+
QuestionTypeComponent], imports: [CommonModule,
|
|
1780
2079
|
// BrowserModule, // Para evitar doble carga de BrowserModule
|
|
1781
2080
|
FormsModule,
|
|
1782
2081
|
ReactiveFormsModule,
|
|
@@ -1795,7 +2094,8 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
|
|
|
1795
2094
|
TextLinkComponent,
|
|
1796
2095
|
LoginFormComponent,
|
|
1797
2096
|
SidenavComponent,
|
|
1798
|
-
CurrencyMaskModule
|
|
2097
|
+
CurrencyMaskModule,
|
|
2098
|
+
QuestionTypeComponent] });
|
|
1799
2099
|
ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ComponentsModule, providers: [
|
|
1800
2100
|
CurrencyPipe,
|
|
1801
2101
|
TitleCasePipe
|
|
@@ -1825,6 +2125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1825
2125
|
SelectComponent,
|
|
1826
2126
|
SidenavComponent,
|
|
1827
2127
|
TextLinkComponent,
|
|
2128
|
+
QuestionTypeComponent,
|
|
1828
2129
|
],
|
|
1829
2130
|
imports: [
|
|
1830
2131
|
CommonModule,
|
|
@@ -1849,7 +2150,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
1849
2150
|
TextLinkComponent,
|
|
1850
2151
|
LoginFormComponent,
|
|
1851
2152
|
SidenavComponent,
|
|
1852
|
-
CurrencyMaskModule
|
|
2153
|
+
CurrencyMaskModule,
|
|
2154
|
+
QuestionTypeComponent
|
|
1853
2155
|
],
|
|
1854
2156
|
providers: [
|
|
1855
2157
|
CurrencyPipe,
|
|
@@ -4400,5 +4702,5 @@ class UserLoginRs {
|
|
|
4400
4702
|
* Generated bundle index. Do not edit.
|
|
4401
4703
|
*/
|
|
4402
4704
|
|
|
4403
|
-
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 };
|
|
4705
|
+
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 };
|
|
4404
4706
|
//# sourceMappingURL=iptdevs-design-system.mjs.map
|