Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Sign in / Register
Toggle navigation
A
Avalon
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Sergey
Avalon
Commits
3df9b4ca
Commit
3df9b4ca
authored
Jul 03, 2020
by
Sergey
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Statistics is done, all pages is done
parent
f32b1e63
Changes
8
Show whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
201 additions
and
155 deletions
+201
-155
main.js
src/js/main.js
+118
-76
main.html
src/main.html
+2
-2
profile.html
src/profile.html
+1
-1
registration.html
src/registration.html
+3
-3
response-employer.html
src/response-employer.html
+1
-1
_media.scss
src/scss/_media.scss
+18
-0
style.scss
src/scss/style.scss
+39
-45
statistics-employer.html
src/statistics-employer.html
+19
-27
No files found.
src/js/main.js
View file @
3df9b4ca
...
@@ -1605,6 +1605,18 @@ function validationForms(forms)
...
@@ -1605,6 +1605,18 @@ function validationForms(forms)
if
(
!
checkFieldPassword
(
input
))
valid
=
false
;
if
(
!
checkFieldPassword
(
input
))
valid
=
false
;
});
});
// Проверка даты
const
fieldsDates
=
form
.
querySelectorAll
(
'input[data-picker="datepicker"]'
);
fieldsDates
.
forEach
(
function
(
input
)
{
if
(
input
.
value
.
trim
()
!==
''
)
{
if
(
!
checkFieldDate
(
input
))
valid
=
false
;
}
});
// Если были ошибки, не отправляем форму
// Если были ошибки, не отправляем форму
...
@@ -1675,6 +1687,25 @@ function checkFieldPassword(password)
...
@@ -1675,6 +1687,25 @@ function checkFieldPassword(password)
return
result
;
return
result
;
}
}
function
checkFieldDate
(
input
)
{
let
date
=
input
.
value
;
let
errorClass
=
'field-error'
;
let
result
;
if
(
!
date
.
match
(
/
([
0-2
]\d
|3
[
01
])\.(
0
\d
|1
[
012
])\.(\d{4})
/
))
{
result
=
false
;
result
?
input
.
classList
.
remove
(
errorClass
)
:
input
.
classList
.
add
(
errorClass
);
return
result
;
}
else
{
result
=
true
;
result
?
input
.
classList
.
remove
(
errorClass
)
:
input
.
classList
.
add
(
errorClass
);
return
result
;
}
}
function
sendForm
(
form
)
function
sendForm
(
form
)
{
{
fetch
(
form
.
action
,
{
method
:
'POST'
,
body
:
new
FormData
(
form
)})
fetch
(
form
.
action
,
{
method
:
'POST'
,
body
:
new
FormData
(
form
)})
...
@@ -1689,22 +1720,6 @@ function sendForm(form)
...
@@ -1689,22 +1720,6 @@ function sendForm(form)
successSending
.
classList
.
add
(
'successful-sending_active'
);
successSending
.
classList
.
add
(
'successful-sending_active'
);
shadow
.
appendChild
(
successSending
);
shadow
.
appendChild
(
successSending
);
// arrayFields.forEach(field =>
// {
// field.addEventListener('click', (e) =>
// {
// e.preventDefault();
// successSending.classList.remove('successful-sending_active');
// shadow.classList.remove('wrapper-shadow_active');
// document.body.classList.remove('disabled');
// document.body.appendChild(successSending);
// shadow.innerHTML = '';
// });
// });
shadow
.
addEventListener
(
'click'
,
(
e
)
=>
shadow
.
addEventListener
(
'click'
,
(
e
)
=>
{
{
if
(
e
.
target
.
classList
.
contains
(
'wrapper-shadow'
))
if
(
e
.
target
.
classList
.
contains
(
'wrapper-shadow'
))
...
@@ -1821,26 +1836,6 @@ let invoicePayment = document.querySelectorAll('.invoice-payment');
...
@@ -1821,26 +1836,6 @@ let invoicePayment = document.querySelectorAll('.invoice-payment');
let
rates
=
document
.
querySelectorAll
(
'.rates'
);
let
rates
=
document
.
querySelectorAll
(
'.rates'
);
let
employees
=
document
.
querySelectorAll
(
'.employees'
);
let
employees
=
document
.
querySelectorAll
(
'.employees'
);
// if(tables.length)
// {
// tables.forEach(function(table)
// {
// table.insertAdjacentHTML('beforebegin', '<div class="wrapper-table"></div>');
// let wrapperTable = table.previousElementSibling;
// wrapperTable.appendChild(table);
// });
// }
// if(responses.length)
// {
// responses.forEach(function(response)
// {
// response.insertAdjacentHTML('beforebegin', '<div class="wrapper-table"></div>');
// let wrapperTable = response.previousElementSibling;
// wrapperTable.appendChild(response);
// });
// }
function
wrapTable
(
tables
)
function
wrapTable
(
tables
)
{
{
if
(
tables
.
length
)
if
(
tables
.
length
)
...
@@ -1940,8 +1935,8 @@ if(sortingRef.length)
...
@@ -1940,8 +1935,8 @@ if(sortingRef.length)
{
{
mainRows
.
forEach
(
row
=>
mainRows
.
forEach
(
row
=>
{
{
arrayDates
=
[];
let
rowsDate
=
row
.
querySelectorAll
(
'.response-date-column p'
);
let
rowsDate
=
row
.
querySelectorAll
(
'.response-date-column p'
);
arrayDates
=
[];
if
(
rowsDate
.
length
)
if
(
rowsDate
.
length
)
{
{
...
@@ -1953,10 +1948,13 @@ if(sortingRef.length)
...
@@ -1953,10 +1948,13 @@ if(sortingRef.length)
arrayDates
.
sort
();
arrayDates
.
sort
();
rowsDate
.
forEach
(
async
rowDate
=>
console
.
log
(
arrayDates
);
rowsDate
.
forEach
((
rowDate
)
=>
{
{
arrayDates
.
forEach
((
dateSort
,
index
)
=>
arrayDates
.
forEach
((
dateSort
,
index
)
=>
{
{
console
.
log
(
index
);
let
dateStr
=
rowDate
.
innerHTML
;
let
dateStr
=
rowDate
.
innerHTML
;
let
date
=
new
Date
(
dateStr
.
split
(
'.'
).
reverse
().
join
(
'-'
)).
getTime
();
let
date
=
new
Date
(
dateStr
.
split
(
'.'
).
reverse
().
join
(
'-'
)).
getTime
();
if
(
date
===
dateSort
)
if
(
date
===
dateSort
)
...
@@ -1966,7 +1964,6 @@ if(sortingRef.length)
...
@@ -1966,7 +1964,6 @@ if(sortingRef.length)
});
});
});
});
}
}
});
});
}
}
...
@@ -2032,7 +2029,7 @@ if(rows.length)
...
@@ -2032,7 +2029,7 @@ if(rows.length)
{
{
let
maxHeight
=
tariffContents
[
0
].
getBoundingClientRect
().
height
;
let
maxHeight
=
tariffContents
[
0
].
getBoundingClientRect
().
height
;
console
.
log
(
maxHeight
);
//
console.log(maxHeight);
tariffContents
.
forEach
(
content
=>
tariffContents
.
forEach
(
content
=>
{
{
...
@@ -2096,6 +2093,15 @@ if(tabs.length)
...
@@ -2096,6 +2093,15 @@ if(tabs.length)
{
{
let
oldTabsContent
=
tabsContent
.
querySelectorAll
(
'.tabs-content-block_active'
);
let
oldTabsContent
=
tabsContent
.
querySelectorAll
(
'.tabs-content-block_active'
);
oldTabsContent
.
forEach
(
tab
=>
{
oldTabsContent
.
forEach
(
tab
=>
{
let
inputs
=
tab
.
querySelectorAll
(
'input[type="text"]'
);
if
(
inputs
.
length
)
{
inputs
.
forEach
(
input
=>
{
input
.
setAttribute
(
'disabled'
,
'disabled'
);
});
}
tab
.
classList
.
remove
(
'tabs-content-block_active'
);
tab
.
classList
.
remove
(
'tabs-content-block_active'
);
tab
.
style
.
display
=
'none'
;
tab
.
style
.
display
=
'none'
;
});
});
...
@@ -2105,6 +2111,15 @@ if(tabs.length)
...
@@ -2105,6 +2111,15 @@ if(tabs.length)
{
{
let
newTabsContent
=
tabsContent
.
querySelectorAll
(
'div[data-tab="'
+
dataTab
+
'"]'
);
let
newTabsContent
=
tabsContent
.
querySelectorAll
(
'div[data-tab="'
+
dataTab
+
'"]'
);
newTabsContent
.
forEach
(
tab
=>
{
newTabsContent
.
forEach
(
tab
=>
{
let
inputs
=
tab
.
querySelectorAll
(
'input[type="text"]'
);
if
(
inputs
.
length
)
{
inputs
.
forEach
(
input
=>
{
input
.
removeAttribute
(
'disabled'
);
});
}
tab
.
classList
.
add
(
'tabs-content-block_active'
);
tab
.
classList
.
add
(
'tabs-content-block_active'
);
});
});
// tabsContent.querySelector('div[data-tab="' + dataTab + '"]').classList.add('tabs-content-block_active');
// tabsContent.querySelector('div[data-tab="' + dataTab + '"]').classList.add('tabs-content-block_active');
...
@@ -2331,6 +2346,10 @@ document.addEventListener('DOMContentLoaded', () =>
...
@@ -2331,6 +2346,10 @@ document.addEventListener('DOMContentLoaded', () =>
let
scheduleViews
=
document
.
querySelector
(
'#schedule-views'
);
let
scheduleViews
=
document
.
querySelector
(
'#schedule-views'
);
let
scheduleResponse
=
document
.
querySelector
(
'#schedule-response'
);
let
scheduleResponse
=
document
.
querySelector
(
'#schedule-response'
);
Chart
.
defaults
.
global
.
defaultFontColor
=
'#3c3b55'
;
Chart
.
defaults
.
global
.
defaultFontFamily
=
'Montserrat Bold'
;
Chart
.
defaults
.
global
.
defaultFontSize
=
13
;
if
(
scheduleViews
)
if
(
scheduleViews
)
{
{
let
ctx
=
scheduleViews
.
getContext
(
'2d'
);
let
ctx
=
scheduleViews
.
getContext
(
'2d'
);
...
@@ -2345,39 +2364,49 @@ document.addEventListener('DOMContentLoaded', () =>
...
@@ -2345,39 +2364,49 @@ document.addEventListener('DOMContentLoaded', () =>
borderCapStyle
:
'square'
,
borderCapStyle
:
'square'
,
tension
:
0
,
tension
:
0
,
radius
:
0
,
radius
:
0
,
// label: false,
data
:
[
11
,
12
,
13
,
14
,
13
,
12
,
11
,
15
,
17
,
20
,
23
,
26
,
20
,
15
,
18
,
20
],
data
:
[
1
,
0
,
2
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
],
backgroundColor
:
'#f7f6fb'
,
backgroundColor
:
'#f7f6fb'
,
borderWidth
:
3
,
borderWidth
:
3
,
borderColor
:
'#
92c83e
'
,
borderColor
:
'#
262262
'
,
}]
}]
},
},
options
:
{
options
:
{
responsive
:
false
,
responsive
:
false
,
legend
:
{
display
:
false
},
scales
:
{
scales
:
{
yAxes
:
[{
yAxes
:
[{
gridLines
:
{
color
:
"#DDDCE8"
,
drawOnChartArea
:
false
,
zeroLineColor
:
'#DDDCE8'
},
ticks
:
{
ticks
:
{
suggestedMin
:
0
,
suggestedMin
:
0
,
suggestedMax
:
2
,
suggestedMax
:
2
6
,
stepSize
:
2
stepSize
:
2
6
}
}
}],
}],
scaleLabel
:
{
xAxes
:
[{
display
:
false
gridLines
:
{
drawOnChartArea
:
false
,
color
:
"#DDDCE8"
,
tickMarkLength
:
0
,
zeroLineColor
:
'#DDDCE8'
},
},
// xAxes: [{
ticks
:
{
// ticks: {
fontFamily
:
'Montserrat Regular'
,
// suggestedMin: 0,
padding
:
35
// suggestedMax: 100
},
// }
scaleLabel
:
{
// }]
display
:
true
,
labelString
:
'июнь 2020 - июль 2020'
,
fontFamily
:
'Montserrat Regular'
,
padding
:
22
}
}],
},
},
// scale: {
// gridLines: {
// // drawOnChartArea: false
// // display: false
// }
// },
tooltips
:
{
tooltips
:
{
enabled
:
false
enabled
:
false
}
}
...
@@ -2398,7 +2427,6 @@ document.addEventListener('DOMContentLoaded', () =>
...
@@ -2398,7 +2427,6 @@ document.addEventListener('DOMContentLoaded', () =>
borderCapStyle
:
'square'
,
borderCapStyle
:
'square'
,
tension
:
0
,
tension
:
0
,
radius
:
0
,
radius
:
0
,
// label: false,
data
:
[
1
,
0
,
2
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
],
data
:
[
1
,
0
,
2
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
,
0
],
backgroundColor
:
'#f7f6fb'
,
backgroundColor
:
'#f7f6fb'
,
borderWidth
:
3
,
borderWidth
:
3
,
...
@@ -2407,30 +2435,44 @@ document.addEventListener('DOMContentLoaded', () =>
...
@@ -2407,30 +2435,44 @@ document.addEventListener('DOMContentLoaded', () =>
},
},
options
:
{
options
:
{
responsive
:
false
,
responsive
:
false
,
legend
:
{
display
:
false
},
scales
:
{
scales
:
{
yAxes
:
[{
yAxes
:
[{
gridLines
:
{
color
:
"#DDDCE8"
,
drawOnChartArea
:
false
,
zeroLineColor
:
'#DDDCE8'
},
ticks
:
{
ticks
:
{
suggestedMin
:
0
,
suggestedMin
:
0
,
suggestedMax
:
2
,
suggestedMax
:
2
,
stepSize
:
2
stepSize
:
2
}
}
}],
}],
scaleLabel
:
{
xAxes
:
[{
display
:
false
gridLines
:
{
drawOnChartArea
:
false
,
color
:
"#DDDCE8"
,
tickMarkLength
:
0
,
zeroLineColor
:
'#DDDCE8'
},
},
// xAxes: [{
ticks
:
{
// ticks: {
fontFamily
:
'Montserrat Regular'
,
// suggestedMin: 0,
padding
:
35
// suggestedMax: 100
},
// }
scaleLabel
:
{
// }]
display
:
true
,
labelString
:
'июнь 2020 - июль 2020'
,
fontFamily
:
'Montserrat Regular'
,
padding
:
22
}
}],
gridLines
:
{
color
:
"#DDDCE8"
}
},
},
// scale: {
// gridLines: {
// // drawOnChartArea: false
// // display: false
// }
// },
tooltips
:
{
tooltips
:
{
enabled
:
false
enabled
:
false
}
}
...
...
src/main.html
View file @
3df9b4ca
...
@@ -464,9 +464,9 @@
...
@@ -464,9 +464,9 @@
<li>
<li>
<a
href=
"profile-employee.html"
>
Профиль - Сотрудник
</a>
<a
href=
"profile-employee.html"
>
Профиль - Сотрудник
</a>
</li>
</li>
<
!-- <
li>
<li>
<a
href=
"statistics-employer.html"
>
Статистика
</a>
<a
href=
"statistics-employer.html"
>
Статистика
</a>
</li>
-->
</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
...
...
src/profile.html
View file @
3df9b4ca
...
@@ -319,7 +319,7 @@
...
@@ -319,7 +319,7 @@
</div>
</div>
<div
class=
"block-mb-yellow"
>
<div
class=
"block-mb-yellow"
>
<label
for=
"birthday"
>
Дата рождения
</label>
<label
for=
"birthday"
>
Дата рождения
</label>
<input
type=
"text"
name=
"birthday"
id=
"birthday"
data-picker=
"datepicker"
p
attern=
"/([0-2]\d|3[01])\.(0\d|1[012])\.(\d{4})/"
p
laceholder=
"ВЫБЕРИТЕ ДАТУ"
value=
"26.08.1980"
disabled
>
<input
type=
"text"
name=
"birthday"
id=
"birthday"
data-picker=
"datepicker"
placeholder=
"ВЫБЕРИТЕ ДАТУ"
value=
"26.08.1980"
disabled
>
</div>
</div>
<div
class=
"block-gender block-mb-green"
>
<div
class=
"block-gender block-mb-green"
>
<p>
Пол:
</p>
<p>
Пол:
</p>
...
...
src/registration.html
View file @
3df9b4ca
...
@@ -342,7 +342,7 @@
...
@@ -342,7 +342,7 @@
<div
class=
"tabs-content-block"
data-tab=
"tab-extended-registration"
>
<div
class=
"tabs-content-block"
data-tab=
"tab-extended-registration"
>
<div
class=
"block-mb-yellow"
>
<div
class=
"block-mb-yellow"
>
<label
for=
"birthday"
>
Дата рождения
</label>
<label
for=
"birthday"
>
Дата рождения
</label>
<input
type=
"text"
name=
"birthday"
data-picker=
"datepicker"
placeholder=
"ВЫБЕРИТЕ ДАТУ"
>
<input
type=
"text"
name=
"birthday"
data-picker=
"datepicker"
placeholder=
"ВЫБЕРИТЕ ДАТУ"
disabled
>
</div>
</div>
<div
class=
"block-gender block-mb-green"
>
<div
class=
"block-gender block-mb-green"
>
<p>
Пол:
</p>
<p>
Пол:
</p>
...
@@ -369,11 +369,11 @@
...
@@ -369,11 +369,11 @@
<div
class=
"tabs-content-block"
data-tab=
"tab-extended-registration"
>
<div
class=
"tabs-content-block"
data-tab=
"tab-extended-registration"
>
<div
class=
"block-mb-yellow"
>
<div
class=
"block-mb-yellow"
>
<label
for=
"email"
>
E-mail
<span>
*
</span></label>
<label
for=
"email"
>
E-mail
<span>
*
</span></label>
<input
type=
"text"
name=
"email"
id=
"email"
placeholder=
"E-MAIL"
pattern=
"^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$"
data-required=
"true"
>
<input
type=
"text"
name=
"email"
id=
"email"
placeholder=
"E-MAIL"
pattern=
"^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$"
data-required=
"true"
disabled
>
</div>
</div>
<div
class=
"block-mb-yellow"
>
<div
class=
"block-mb-yellow"
>
<label
for=
"address"
>
Адрес
</label>
<label
for=
"address"
>
Адрес
</label>
<input
type=
"text"
name=
"address"
id=
"address"
placeholder=
"РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА"
>
<input
type=
"text"
name=
"address"
id=
"address"
placeholder=
"РЕГИОН / РАЙОН, ГОРОД / Н.П., УЛИЦА"
disabled
>
</div>
</div>
</div>
</div>
<div
class=
"block-mb-green"
>
<div
class=
"block-mb-green"
>
...
...
src/response-employer.html
View file @
3df9b4ca
...
@@ -869,7 +869,7 @@
...
@@ -869,7 +869,7 @@
Профиль
Профиль
</a>
</a>
<a
href=
"#"
class=
"button-text"
>
<a
href=
"#"
class=
"button-text"
>
<img
class=
"img-svg"
src=
"./img/icon_my_
table
.svg"
alt=
""
>
<img
class=
"img-svg"
src=
"./img/icon_my_
resumes
.svg"
alt=
""
>
Мои вакансии
Мои вакансии
</a>
</a>
<a
href=
"#"
class=
"button-text"
>
<a
href=
"#"
class=
"button-text"
>
...
...
src/scss/_media.scss
View file @
3df9b4ca
...
@@ -565,6 +565,15 @@
...
@@ -565,6 +565,15 @@
// }
// }
// }
// }
// }
// }
.general-info
.col-4
,
.general-info
.col-6
{
flex
:
0
0
100%
;
max-width
:
100%
;
}
.general-info
.col-6
{
margin-top
:
24px
;
}
.row-article
.col-3
,
.row-article
.col-4
,
.row-card
.col-3
,
.row-card
.col-4
.row-article
.col-3
,
.row-article
.col-4
,
.row-card
.col-3
,
.row-card
.col-4
{
{
padding-left
:
16px
;
padding-left
:
16px
;
...
@@ -1169,6 +1178,15 @@
...
@@ -1169,6 +1178,15 @@
margin-bottom
:
25px
;
margin-bottom
:
25px
;
width
:
100%
;
width
:
100%
;
}
}
.general-info-content
{
flex-direction
:
column
;
align-items
:
flex-start
;
}
.general-info-content-block__response
{
margin-left
:
0
;
}
}
}
@media
(
max-width
:
450px
)
@media
(
max-width
:
450px
)
{
{
...
...
src/scss/style.scss
View file @
3df9b4ca
...
@@ -1764,7 +1764,7 @@ textarea:disabled
...
@@ -1764,7 +1764,7 @@ textarea:disabled
p
p
{
{
font-family
:
Montserrat
Bold
;
font-family
:
Montserrat
Bold
;
font-size
:
16px
;
//
font-size: 16px;
font-stretch
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
font-style
:
normal
;
line-height
:
normal
;
line-height
:
normal
;
...
@@ -3747,7 +3747,7 @@ label
...
@@ -3747,7 +3747,7 @@ label
p
p
{
{
font-family
:
Montserrat
Regular
;
font-family
:
Montserrat
Regular
;
font-size
:
16px
;
//
font-size: 16px;
font-weight
:
normal
;
font-weight
:
normal
;
font-stretch
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
font-style
:
normal
;
...
@@ -4404,7 +4404,7 @@ ymaps[class$='pie-chart-content']
...
@@ -4404,7 +4404,7 @@ ymaps[class$='pie-chart-content']
{
{
margin-right
:
20px
;
margin-right
:
20px
;
font-family
:
Montserrat
Bold
;
font-family
:
Montserrat
Bold
;
font-size
:
16px
;
//
font-size: 16px;
font-stretch
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
font-style
:
normal
;
...
@@ -4478,8 +4478,7 @@ ymaps[class$='pie-chart-content']
...
@@ -4478,8 +4478,7 @@ ymaps[class$='pie-chart-content']
p
p
{
{
font-family
:
Montserrat
Bold
;
font-family
:
Montserrat
Bold
;
font-size
:
16px
;
// font-size: 16px;
font-stretch
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
font-style
:
normal
;
line-height
:
30px
;
line-height
:
30px
;
...
@@ -4493,7 +4492,7 @@ ymaps[class$='pie-chart-content']
...
@@ -4493,7 +4492,7 @@ ymaps[class$='pie-chart-content']
p
p
{
{
font-family
:
Montserrat
Regular
;
font-family
:
Montserrat
Regular
;
font-size
:
16px
;
//
font-size: 16px;
font-weight
:
normal
;
font-weight
:
normal
;
font-stretch
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
font-style
:
normal
;
...
@@ -4660,7 +4659,7 @@ input[type="submit"]
...
@@ -4660,7 +4659,7 @@ input[type="submit"]
p
p
{
{
font-family
:
Montserrat
Regular
;
font-family
:
Montserrat
Regular
;
font-size
:
16px
;
//
font-size: 16px;
font-weight
:
normal
;
font-weight
:
normal
;
font-stretch
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
font-style
:
normal
;
...
@@ -4694,13 +4693,17 @@ input[type="submit"]
...
@@ -4694,13 +4693,17 @@ input[type="submit"]
max-width
:
20px
;
max-width
:
20px
;
}
}
}
}
a
.current-ref
.button-text
.current-ref
{
{
color
:
$color-hover
;
color
:
$color-hover
;
.img-svg
path
.img-svg
path
{
{
fill
:
$color-hover
;
fill
:
$color-hover
;
}
}
p
{
color
:
$color-hover
;
}
}
}
a
:last-child
a
:last-child
{
{
...
@@ -4804,7 +4807,6 @@ input[type="submit"]
...
@@ -4804,7 +4807,6 @@ input[type="submit"]
{
{
font-family
:
Raleway
Bold
;
font-family
:
Raleway
Bold
;
font-size
:
14px
;
font-size
:
14px
;
font-stretch
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
font-style
:
normal
;
line-height
:
normal
;
line-height
:
normal
;
...
@@ -5543,7 +5545,7 @@ form
...
@@ -5543,7 +5545,7 @@ form
p
p
{
{
font-family
:
Montserrat
Bold
;
font-family
:
Montserrat
Bold
;
font-size
:
16px
;
//
font-size: 16px;
font-stretch
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
font-style
:
normal
;
line-height
:
normal
;
line-height
:
normal
;
...
@@ -5817,7 +5819,7 @@ form
...
@@ -5817,7 +5819,7 @@ form
p
p
{
{
font-family
:
Montserrat
Bold
;
font-family
:
Montserrat
Bold
;
font-size
:
16px
;
//
font-size: 16px;
font-stretch
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
font-style
:
normal
;
line-height
:
1
.88
;
line-height
:
1
.88
;
...
@@ -5827,7 +5829,7 @@ form
...
@@ -5827,7 +5829,7 @@ form
{
{
margin-left
:
40px
;
margin-left
:
40px
;
font-family
:
Montserrat
Regular
;
font-family
:
Montserrat
Regular
;
font-size
:
16px
;
//
font-size: 16px;
font-weight
:
normal
;
font-weight
:
normal
;
font-stretch
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
font-style
:
normal
;
...
@@ -6151,7 +6153,7 @@ hr
...
@@ -6151,7 +6153,7 @@ hr
p
p
{
{
font-family
:
Montserrat
Bold
;
font-family
:
Montserrat
Bold
;
font-size
:
16px
;
//
font-size: 16px;
font-stretch
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
font-style
:
normal
;
line-height
:
normal
;
line-height
:
normal
;
...
@@ -6164,7 +6166,7 @@ hr
...
@@ -6164,7 +6166,7 @@ hr
p
p
{
{
font-family
:
Montserrat
Regular
;
font-family
:
Montserrat
Regular
;
font-size
:
16px
;
//
font-size: 16px;
font-weight
:
normal
;
font-weight
:
normal
;
font-stretch
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
font-style
:
normal
;
...
@@ -6347,19 +6349,11 @@ hr
...
@@ -6347,19 +6349,11 @@ hr
.general-info
.general-info
{
{
&
__title
&
-content
{
}
&
__content
{
&
__block
{
{
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
}
&
-block
}
&
__views
{
{
display
:
flex
;
display
:
flex
;
align-items
:
center
;
align-items
:
center
;
...
@@ -6368,24 +6362,24 @@ hr
...
@@ -6368,24 +6362,24 @@ hr
display
:
block
;
display
:
block
;
width
:
10px
;
width
:
10px
;
height
:
10px
;
height
:
10px
;
background-color
:
$color-ref
;
border-radius
:
50%
;
border-radius
:
50%
;
margin-right
:
12px
;
margin-right
:
12px
;
}
}
}
}
&
__response
&
-block__views
{
span
{
background-color
:
$color-ref
;
}
}
&
-block__response
{
{
display
:
flex
;
align-items
:
center
;
margin-left
:
30px
;
margin-left
:
30px
;
span
span
{
{
display
:
block
;
width
:
10px
;
height
:
10px
;
background-color
:
$color-hover
;
background-color
:
$color-hover
;
border-radius
:
50%
;
}
margin-right
:
12px
;
}
}
}
}
}
}
...
...
src/statistics-employer.html
View file @
3df9b4ca
...
@@ -343,40 +343,33 @@
...
@@ -343,40 +343,33 @@
<div
class=
"block-mt-green"
>
<div
class=
"block-mt-green"
>
<h3>
Просмотры
</h3>
<h3>
Просмотры
</h3>
<div
class=
"block-mt-orange"
>
<div
class=
"block-mt-orange"
>
<canvas
id=
"schedule-views"
style=
"width: 923px; height:
2
00px;"
data-schedule=
"true"
></canvas>
<canvas
id=
"schedule-views"
style=
"width: 923px; height:
3
00px;"
data-schedule=
"true"
></canvas>
</div>
</div>
</div>
</div>
<div
class=
"block-mt-yellow"
>
<div
class=
"block-mt-yellow"
>
<h3>
Отклики
</h3>
<h3>
Отклики
</h3>
<div
class=
"block-mt-orange"
>
<div
class=
"block-mt-orange"
>
<canvas
id=
"schedule-response"
style=
"width: 923px; height:
2
00px;"
data-schedule=
"true"
></canvas>
<canvas
id=
"schedule-response"
style=
"width: 923px; height:
3
00px;"
data-schedule=
"true"
></canvas>
</div>
</div>
</div>
</div>
<div
class=
"block-mt-blue"
>
<div
class=
"block-mt-blue"
>
<div
class=
"container-compressed"
>
<div
class=
"container-compressed"
>
<div
class=
"general-info"
>
<div
class=
"general-info"
>
<div
class=
"block-mb-yellow general-info__title"
>
<div
class=
"row"
>
<div
class=
"row"
>
<div
class=
"col-4"
>
<div
class=
"col-4"
>
<h3>
Тариф
</h3>
<h3>
Тариф
</h3>
</div>
<div
class=
"block-mt-yellow"
>
<div
class=
"col-6"
>
<h3>
Всего
</h3>
</div>
</div>
</div>
<div
class=
"general-info__content"
>
<div
class=
"row"
>
<div
class=
"col-4"
>
<p>
Базовый
</p>
<p>
Базовый
</p>
</div>
</div>
</div>
<div
class=
"col-6"
>
<div
class=
"col-6"
>
<div
class=
"general-info__content__block"
>
<h3>
Всего
</h3>
<div
class=
"general-info__views"
>
<div
class=
"block-mt-yellow general-info-content"
>
<div
class=
"general-info-content-block general-info-content-block__views"
>
<span></span>
<span></span>
<p>
183 просмотра
</p>
<p>
183 просмотра
</p>
</div>
</div>
<div
class=
"general-info
__response"
>
<div
class=
"general-info-content-block general-info-content-block
__response"
>
<span></span>
<span></span>
<p>
3 отлика
</p>
<p>
3 отлика
</p>
</div>
</div>
...
@@ -392,7 +385,6 @@
...
@@ -392,7 +385,6 @@
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer
class=
"footer"
>
<footer
class=
"footer"
>
<div
class=
"container"
>
<div
class=
"container"
>
<div
class=
"row justify-content-between"
>
<div
class=
"row justify-content-between"
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment