Skip to content

Commit e2ebb15

Browse files
coder1xcoder1x
committed
made changes in pug files
1 parent 9bca0b6 commit e2ebb15

File tree

13 files changed

+164
-208
lines changed

13 files changed

+164
-208
lines changed

‎src/components/code/code.pug

Lines changed: 15 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -3,30 +3,26 @@ mixin code(options = {})
33
-
44
const {
55
label = '',
6-
modifier = '',
76
addClass = '',
8-
isLabeled,
7+
isLabeled = false,
98
} = options;
109
11-
const CLASS_COMPONENT = 'code';
12-
let className = CLASS_COMPONENT;
10+
const BASE_CLASS = 'code';
11+
let className = BASE_CLASS;
1312
const CODE_TOP = '$(\'.demo\').RangeSliderFox({';
1413
const CODE_BOTTOM = '})';
1514
16-
if(modifier){
17-
className += ` ${CLASS_COMPONENT}_${modifier}`
18-
}
19-
if(addClass){
20-
className += ` ${addClass}`
21-
}
15+
if addClass
16+
- className += ` ${addClass}`
17+
2218

23-
fieldset(class=`${className} js-${CLASS_COMPONENT}`)
24-
- if(!isLabeled){
25-
legend(class=`${CLASS_COMPONENT}__label`)= label
26-
-}
19+
fieldset(class=`${className} js-${BASE_CLASS}`)
20+
if !isLabeled
21+
legend(class=`${BASE_CLASS}__label`)= label
2722

28-
div(class=`${CLASS_COMPONENT}__config`)
29-
p(class=`${CLASS_COMPONENT}__lang-js`)=CODE_TOP
30-
ul(class=`${CLASS_COMPONENT}__options js-${CLASS_COMPONENT}__options`)
31-
p(class=`${CLASS_COMPONENT}__lang-js`)=CODE_BOTTOM
32-
button(class=`${CLASS_COMPONENT}__copy js-${CLASS_COMPONENT}__copy`) Copy code
23+
24+
div(class=`${BASE_CLASS}__config`)
25+
p(class=`${BASE_CLASS}__lang-js`)=CODE_TOP
26+
ul(class=`${BASE_CLASS}__options js-${BASE_CLASS}__options`)
27+
p(class=`${BASE_CLASS}__lang-js`)=CODE_BOTTOM
28+
button(class=`${BASE_CLASS}__copy js-${BASE_CLASS}__copy`) Copy code

‎src/components/footer/footer.pug

Lines changed: 5 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,14 @@
11
mixin footer(options = {})
22
-
33
const {
4-
modifier = [],
54
addClass = '',
65
} = options;
76
8-
const CLASS_COMPONENT = 'footer'
9-
let className = CLASS_COMPONENT
10-
11-
if(modifier){
12-
for(const item of modifier)
13-
className += ` ${CLASS_COMPONENT}_${item}`
14-
}
15-
if(addClass){
16-
className += ` ${addClass}`
17-
}
7+
const BASE_CLASS = 'footer'
8+
let className = BASE_CLASS
9+
10+
if addClass
11+
- className += ` ${addClass}`
1812

1913
footer(class=className role='contentinfo')
2014
p Клюшин А. © 2022

‎src/components/grid/grid.pug

Lines changed: 7 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -5,28 +5,23 @@ mixin grid(options = {})
55
-
66
const {
77
label = '',
8-
modifier = '',
98
addClass = '',
10-
isLabeled,
9+
isLabeled = false,
1110
} = options;
1211
1312
const CLASS_COMPONENT = 'grid'
1413
let className = CLASS_COMPONENT
1514
16-
if(modifier){
17-
className += ` ${CLASS_COMPONENT}_${modifier}`
18-
}
19-
if(addClass){
20-
className += ` ${addClass}`
21-
}
22-
15+
if addClass
16+
- className += ` ${addClass}`
17+
18+
-
2319
const data = require('./grid.json');
2420
const textField = data.textField
2521
2622
fieldset(class=`${className} js-${CLASS_COMPONENT}`)
27-
- if(!isLabeled){
28-
legend(class=`${CLASS_COMPONENT}__label`)= label
29-
-}
23+
if !isLabeled
24+
legend(class=`${CLASS_COMPONENT}__label`)= label
3025

3126
div(class=`${CLASS_COMPONENT}__grid-wrapper js-${CLASS_COMPONENT}__grid-wrapper`)
3227
+toggle({

‎src/components/header/header.pug

Lines changed: 10 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,22 @@
11
mixin header(options = {})
22
-
33
const {
4-
modifier = '',
54
addClass = '',
65
} = options;
76
8-
const CLASS_COMPONENT = 'header'
9-
let className = CLASS_COMPONENT
10-
11-
if(modifier){
12-
className += ` ${CLASS_COMPONENT}_${modifier}`
13-
}
14-
if(addClass){
15-
className += ` ${addClass}`
16-
}
7+
const BASE_CLASS = 'header'
8+
let className = BASE_CLASS
9+
10+
if addClass
11+
- className += ` ${addClass}`
12+
1713

1814
header(class=className)
19-
div(class=`${CLASS_COMPONENT}__wrapper`)
20-
p(class=`${CLASS_COMPONENT}__version`) version: 1.0
15+
div(class=`${BASE_CLASS}__wrapper`)
16+
p(class=`${BASE_CLASS}__version`) version: 1.0
2117

22-
a(class=`${CLASS_COMPONENT}__download` href='https://plugins.su/RangeSliderFox.zip') Download Zip
18+
a(class=`${BASE_CLASS}__download` href='https://plugins.su/RangeSliderFox.zip') Download Zip
2319

24-
a(class=`${CLASS_COMPONENT}__github` href='https://github.com/coder1x/MetaLamp_four_task' target="_blank" rel="noopener noreferrer")
20+
a(class=`${BASE_CLASS}__github` href='https://github.com/coder1x/MetaLamp_four_task' target="_blank" rel="noopener noreferrer")
2521
svg(height='32' aria-hidden='true' viewBox='0 0 16 16' version='1.1' width='32' data-view-component='true' class='octicon octicon-mark-github v-align-middle')
2622
path(fill-rule='evenodd' d='M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z')

‎src/components/hints/hints.pug

Lines changed: 15 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -5,41 +5,37 @@ mixin hints(options = {})
55
-
66
const {
77
label = '',
8-
modifier = '',
98
addClass = '',
10-
isLabeled,
9+
isLabeled = false,
1110
} = options;
1211
13-
const CLASS_COMPONENT = 'hints'
14-
let className = CLASS_COMPONENT
12+
const BASE_CLASS = 'hints'
13+
let className = BASE_CLASS
1514
16-
if(modifier){
17-
className += ` ${CLASS_COMPONENT}_${modifier}`
18-
}
19-
if(addClass){
20-
className += ` ${addClass}`
21-
}
22-
15+
if addClass
16+
- className += ` ${addClass}`
17+
18+
-
2319
const data = require('./hints.json');
2420
const textField = data.textField
2521
26-
fieldset(class=`${className} js-${CLASS_COMPONENT}`)
27-
- if(!isLabeled){
28-
legend(class=`${CLASS_COMPONENT}__label`)= label
29-
-}
22+
fieldset(class=`${className} js-${BASE_CLASS}`)
23+
if !isLabeled
24+
legend(class=`${BASE_CLASS}__label`)= label
25+
3026

31-
div(class=`${CLASS_COMPONENT}__minmax-wrapper js-${CLASS_COMPONENT}__minmax-wrapper`)
27+
div(class=`${BASE_CLASS}__minmax-wrapper js-${BASE_CLASS}__minmax-wrapper`)
3228
+toggle({
3329
header: 'min - max',
3430
})
3531

36-
div(class=`${CLASS_COMPONENT}__fromto-wrapper js-${CLASS_COMPONENT}__fromto-wrapper`)
32+
div(class=`${BASE_CLASS}__fromto-wrapper js-${BASE_CLASS}__fromto-wrapper`)
3733
+toggle({
3834
header: 'from - to',
3935
})
4036

41-
div(class=`${CLASS_COMPONENT}__prefix-wrapper js-${CLASS_COMPONENT}__prefix-wrapper`)
37+
div(class=`${BASE_CLASS}__prefix-wrapper js-${BASE_CLASS}__prefix-wrapper`)
4238
+text-field(textField.prefix)
4339

44-
div(class=`${CLASS_COMPONENT}__postfix-wrapper js-${CLASS_COMPONENT}__postfix-wrapper`)
40+
div(class=`${BASE_CLASS}__postfix-wrapper js-${BASE_CLASS}__postfix-wrapper`)
4541
+text-field(textField.postfix)

‎src/components/input-data/input-data.pug

Lines changed: 10 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -4,27 +4,23 @@ mixin input-data(options = {})
44
-
55
const {
66
label = '',
7-
modifier = '',
87
addClass = '',
98
isLabeled
109
} = options;
1110
12-
const CLASS_COMPONENT = 'input-data'
13-
let className = CLASS_COMPONENT
11+
const BASE_CLASS = 'input-data'
12+
let className = BASE_CLASS
1413
15-
if(modifier){
16-
className += ` ${CLASS_COMPONENT}_${modifier}`
17-
}
18-
if(addClass){
19-
className += ` ${addClass}`
20-
}
14+
if addClass
15+
- className += ` ${addClass}`
16+
2117

22-
fieldset(class=`${className} js-${CLASS_COMPONENT}`)
23-
- if(!isLabeled){
24-
legend(class=`${CLASS_COMPONENT}__label`)= label
25-
-}
18+
fieldset(class=`${className} js-${BASE_CLASS}`)
19+
if !isLabeled
20+
legend(class=`${BASE_CLASS}__label`)= label
2621

27-
div(class=`${CLASS_COMPONENT}__value-wrapper`)
22+
23+
div(class=`${BASE_CLASS}__value-wrapper`)
2824
+text-field({
2925
label: 'value',
3026
typeField: 'text',

‎src/components/keyboard-control/keyboard-control.pug

Lines changed: 13 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4,31 +4,27 @@ mixin keyboard-control(options = {})
44
-
55
const {
66
label = '',
7-
modifier = '',
87
addClass = '',
9-
isLabeled
8+
isLabeled = false
109
} = options;
1110
12-
const CLASS_COMPONENT = 'keyboard-control'
13-
let className = CLASS_COMPONENT
11+
const BASE_CLASS = 'keyboard-control'
12+
let className = BASE_CLASS
1413
15-
if(modifier){
16-
className += ` ${CLASS_COMPONENT}_${modifier}`
17-
}
18-
if(addClass){
19-
className += ` ${addClass}`
20-
}
21-
14+
if addClass
15+
- className += ` ${addClass}`
16+
17+
-
2218
const data = require('./keyboard-control.json');
2319
const textField = data.textField
2420
25-
fieldset(class=`${className} js-${CLASS_COMPONENT}`)
26-
- if(!isLabeled){
27-
legend(class=`${CLASS_COMPONENT}__label`)= label
28-
-}
21+
fieldset(class=`${className} js-${BASE_CLASS}`)
22+
if !isLabeled
23+
legend(class=`${BASE_CLASS}__label`)= label
24+
2925

30-
div(class=`${CLASS_COMPONENT}__one-wrapper js-${CLASS_COMPONENT}__one-wrapper`)
26+
div(class=`${BASE_CLASS}__one-wrapper js-${BASE_CLASS}__one-wrapper`)
3127
+text-field(textField.one)
3228

33-
div(class=`${CLASS_COMPONENT}__hold-wrapper js-${CLASS_COMPONENT}__hold-wrapper`)
29+
div(class=`${BASE_CLASS}__hold-wrapper js-${BASE_CLASS}__hold-wrapper`)
3430
+text-field(textField.hold)

‎src/components/miscellaneous/miscellaneous.pug

Lines changed: 21 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -3,65 +3,61 @@ include ../select/select.pug
33

44
mixin miscellaneous(options = {})
55
-
6-
const CLASS_COMPONENT = 'miscellaneous'
6+
const BASE_CLASS = 'miscellaneous'
77
88
const {
99
label = '',
10-
modifier = '',
1110
addClass = '',
12-
isLabeled,
11+
isLabeled = false,
1312
} = options;
1413
15-
let className = CLASS_COMPONENT
16-
17-
if(modifier){
18-
className += ` ${CLASS_COMPONENT}_${modifier}`
19-
}
20-
if(addClass){
21-
className += ` ${addClass}`
22-
}
14+
let className = BASE_CLASS
2315
16+
if addClass
17+
- className += ` ${addClass}`
18+
19+
-
2420
const data = require('./miscellaneous.json');
2521
const selectData = data.select
2622
27-
fieldset(class=`${className} js-${CLASS_COMPONENT}`)
28-
- if(!isLabeled){
29-
legend(class=`${CLASS_COMPONENT}__label`)= label
30-
-}
23+
fieldset(class=`${className} js-${BASE_CLASS}`)
24+
if !isLabeled
25+
legend(class=`${BASE_CLASS}__label`)= label
26+
3127

32-
div(class=`${CLASS_COMPONENT}__double-wrapper js-${CLASS_COMPONENT}__double-wrapper`)
28+
div(class=`${BASE_CLASS}__double-wrapper js-${BASE_CLASS}__double-wrapper`)
3329
+toggle({
3430
header: 'double',
3531
})
3632

37-
div(class=`${CLASS_COMPONENT}__disabled-wrapper js-${CLASS_COMPONENT}__disabled-wrapper`)
33+
div(class=`${BASE_CLASS}__disabled-wrapper js-${BASE_CLASS}__disabled-wrapper`)
3834
+toggle({
3935
header: 'disabled',
4036
})
4137

42-
div(class=`${CLASS_COMPONENT}__vertical-wrapper js-${CLASS_COMPONENT}__vertical-wrapper`)
38+
div(class=`${BASE_CLASS}__vertical-wrapper js-${BASE_CLASS}__vertical-wrapper`)
4339
+toggle({
4440
header: 'vertical',
4541
})
4642

47-
div(class=`${CLASS_COMPONENT}__bar-wrapper js-${CLASS_COMPONENT}__bar-wrapper`)
43+
div(class=`${BASE_CLASS}__bar-wrapper js-${BASE_CLASS}__bar-wrapper`)
4844
+toggle({
4945
header: 'bar',
5046
})
5147

52-
div(class=`${CLASS_COMPONENT}__unsubscribtion-wrapper js-${CLASS_COMPONENT}__unsubscribtion-wrapper`)
48+
div(class=`${BASE_CLASS}__unsubscribtion-wrapper js-${BASE_CLASS}__unsubscribtion-wrapper`)
5349
+toggle({
5450
header: 'unsubscribtion',
5551
})
5652

57-
div(class=`${CLASS_COMPONENT}__select-wrapper js-${CLASS_COMPONENT}__select-wrapper`)
53+
div(class=`${BASE_CLASS}__select-wrapper js-${BASE_CLASS}__select-wrapper`)
5854
+select({
5955
label: 'Skin',
6056
list: selectData,
6157
})
6258

63-
div(class=`${CLASS_COMPONENT}__reset-wrapper`)
64-
button(class=`${CLASS_COMPONENT}__reset js-${CLASS_COMPONENT}__reset`) Reset
59+
div(class=`${BASE_CLASS}__reset-wrapper`)
60+
button(class=`${BASE_CLASS}__reset js-${BASE_CLASS}__reset`) Reset
6561

66-
div(class=`${CLASS_COMPONENT}__apply-wrapper`)
67-
button(class=`${CLASS_COMPONENT}__apply`) Apply
62+
div(class=`${BASE_CLASS}__apply-wrapper`)
63+
button(class=`${BASE_CLASS}__apply`) Apply

0 commit comments

Comments
 (0)