Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
B
BoxDialer
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
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
Kulya
BoxDialer
Commits
935769dd
Commit
935769dd
authored
1 year ago
by
Muhammadali
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update version
parent
8f82117d
master
No related merge requests found
Changes
8
Show whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
106 additions
and
50 deletions
+106
-50
index.jsx
src/components/BxMiniWidjetUi/index.jsx
+3
-1
style.js
src/components/BxMiniWidjetUi/style.js
+2
-9
style.js
src/components/DefaultWidjetUi/style.js
+1
-1
index.jsx
src/components/ModalPhoneNumpad/index.jsx
+2
-0
style.js
src/components/ModalPhoneNumpad/style.js
+3
-3
boxDialerWidjetPosition.js
src/lib/boxDialerWidjetPosition.js
+91
-35
index.jsx
src/root/index.jsx
+1
-0
webpack.config.js
webpack.config.js
+3
-1
No files found.
src/components/BxMiniWidjetUi/index.jsx
View file @
935769dd
...
@@ -13,6 +13,8 @@ const BxMiniWidjetUi = ({
...
@@ -13,6 +13,8 @@ const BxMiniWidjetUi = ({
onClick
,
onClick
,
position
,
position
,
})
=>
{
})
=>
{
console
.
log
(
reason
,
'
reason
'
);
return
(
return
(
<
BxMiniWidjetUiStyle
<
BxMiniWidjetUiStyle
status=
{
widjetState
}
status=
{
widjetState
}
...
@@ -21,7 +23,7 @@ const BxMiniWidjetUi = ({
...
@@ -21,7 +23,7 @@ const BxMiniWidjetUi = ({
<
div
className=
'left'
>
<
div
className=
'left'
>
<
p
className=
'title'
>
{
phoneNumber
}
</
p
>
<
p
className=
'title'
>
{
phoneNumber
}
</
p
>
<
p
>
<
p
>
<
span
className=
'status'
>
{
widjetState
}
</
span
>
<
span
className=
'status'
>
{
reason
}
</
span
>
<
TimerUi
reason=
{
reason
}
time=
{
leftTime
}
/>
<
TimerUi
reason=
{
reason
}
time=
{
leftTime
}
/>
</
p
>
</
p
>
</
div
>
</
div
>
...
...
This diff is collapsed.
Click to expand it.
src/components/BxMiniWidjetUi/style.js
View file @
935769dd
...
@@ -30,7 +30,7 @@ const BxMiniWidjetUiStyle = styled.div`
...
@@ -30,7 +30,7 @@ const BxMiniWidjetUiStyle = styled.div`
-ms-user-select: none;
-ms-user-select: none;
user-select: none;
user-select: none;
${({
position
})
=>
boxDialerWidjetPosition
[
position
].
block
}
${({
position
})
=>
boxDialerWidjetPosition
.
bxmini
[
position
].
block
}
.left {
.left {
display: flex;
display: flex;
...
@@ -53,14 +53,7 @@ const BxMiniWidjetUiStyle = styled.div`
...
@@ -53,14 +53,7 @@ const BxMiniWidjetUiStyle = styled.div`
padding: 0 3px;
padding: 0 3px;
margin: 0 5px;
margin: 0 5px;
font-size: 12px;
font-size: 12px;
background-color:
${({
status
})
=>
color: #ffffffab;
status
===
'
pending
'
?
'
orange
'
:
status
===
'
connected
'
?
'
#a0c13d
'
:
'
#ccc
'
}
;
color:
${({
status
})
=>
status
===
'
pending
'
?
'
#fff
'
:
status
===
'
connected
'
?
'
#333
'
:
'
#ccc
'
}
;
}
}
`
;
`
;
BxMiniWidjetUiStyle
.
StatusLine
=
styled
.
div
`
BxMiniWidjetUiStyle
.
StatusLine
=
styled
.
div
`
...
...
This diff is collapsed.
Click to expand it.
src/components/DefaultWidjetUi/style.js
View file @
935769dd
...
@@ -21,7 +21,7 @@ const DefaultWidjetStyle = styled.div`
...
@@ -21,7 +21,7 @@ const DefaultWidjetStyle = styled.div`
z-index: 999;
z-index: 999;
position: fixed;
position: fixed;
${({
position
})
=>
boxDialerWidjetPosition
[
position
].
block
}
${({
position
})
=>
boxDialerWidjetPosition
.
defaultWidjet
[
position
].
block
}
display: grid;
display: grid;
align-items: center;
align-items: center;
grid-template-columns: 1fr 30px;
grid-template-columns: 1fr 30px;
...
...
This diff is collapsed.
Click to expand it.
src/components/ModalPhoneNumpad/index.jsx
View file @
935769dd
...
@@ -15,6 +15,7 @@ const ModalPhoneNumpad = ({
...
@@ -15,6 +15,7 @@ const ModalPhoneNumpad = ({
onSetDnd
,
onSetDnd
,
dynamicValue
,
dynamicValue
,
position
,
position
,
variant
,
})
=>
{
})
=>
{
const
boxDialer
=
window
.
BoxDialer
;
const
boxDialer
=
window
.
BoxDialer
;
...
@@ -124,6 +125,7 @@ const ModalPhoneNumpad = ({
...
@@ -124,6 +125,7 @@ const ModalPhoneNumpad = ({
<
ModalPhoneNumpadStyle
<
ModalPhoneNumpadStyle
position=
{
position
}
position=
{
position
}
hidden=
{
!
phoneModal
}
hidden=
{
!
phoneModal
}
variant=
{
variant
}
onClick=
{
(
e
)
=>
e
.
stopPropagation
()
}
>
onClick=
{
(
e
)
=>
e
.
stopPropagation
()
}
>
<
ModalPhoneNumpadStyle
.
InputArea
>
<
ModalPhoneNumpadStyle
.
InputArea
>
<
Input
disabled
type=
'text'
value=
{
inputValue
}
/>
<
Input
disabled
type=
'text'
value=
{
inputValue
}
/>
...
...
This diff is collapsed.
Click to expand it.
src/components/ModalPhoneNumpad/style.js
View file @
935769dd
...
@@ -10,10 +10,10 @@ const ModalPhoneNumpadStyle = styled.div`
...
@@ -10,10 +10,10 @@ const ModalPhoneNumpadStyle = styled.div`
bottom: 120px;
bottom: 120px;
transition: 0.2s;
transition: 0.2s;
z-index: 999;
z-index: 999;
${({
hidden
,
position
})
=>
${({
hidden
,
position
,
variant
})
=>
hidden
hidden
?
boxDialerWidjetPosition
[
position
].
numpad
.
hidden
?
boxDialerWidjetPosition
[
variant
][
position
].
numpad
.
hidden
:
boxDialerWidjetPosition
[
position
].
numpad
.
seen
}
:
boxDialerWidjetPosition
[
variant
][
position
].
numpad
.
seen
}
background-color: #c9d5d9;
background-color: #c9d5d9;
border-radius: 20px;
border-radius: 20px;
...
...
This diff is collapsed.
Click to expand it.
src/lib/boxDialerWidjetPosition.js
View file @
935769dd
/** @format */
/** @format */
export
const
boxDialerWidjetPosition
=
{
export
const
boxDialerWidjetPosition
=
{
defaultWidjet
:
{
bottomLeft
:
{
bottomLeft
:
{
block
:
{
block
:
{
bottom
:
'
30px
'
,
bottom
:
'
30px
'
,
...
@@ -51,4 +52,59 @@ export const boxDialerWidjetPosition = {
...
@@ -51,4 +52,59 @@ export const boxDialerWidjetPosition = {
},
},
},
},
},
},
},
// BX mini UI
bxmini
:
{
bottomLeft
:
{
block
:
{
bottom
:
'
30px
'
,
left
:
'
50px
'
,
},
numpad
:
{
hidden
:
{
left
:
'
-300px
'
,
},
seen
:
{
left
:
'
25px
'
,
},
},
},
bottomCenter
:
{
block
:
{
transform
:
'
translate(-50%, 0)
'
,
bottom
:
'
30px
'
,
left
:
'
50%
'
,
},
numpad
:
{
hidden
:
{
bottom
:
'
-300px
'
,
left
:
'
50%
'
,
transform
:
'
translate(-50%, 0)
'
,
},
seen
:
{
bottom
:
'
120px
'
,
left
:
'
50%
'
,
transform
:
'
translate(-50%, 0)
'
,
},
},
},
bottomRight
:
{
block
:
{
bottom
:
'
0
'
,
left
:
'
auto
'
,
right
:
'
0
'
,
},
numpad
:
{
hidden
:
{
left
:
'
auto
'
,
right
:
'
-300px
'
,
},
seen
:
{
left
:
'
auto
'
,
right
:
'
25px
'
,
},
},
},
},
};
};
This diff is collapsed.
Click to expand it.
src/root/index.jsx
View file @
935769dd
...
@@ -99,6 +99,7 @@ const Root = ({ data, onSetDnd }) => {
...
@@ -99,6 +99,7 @@ const Root = ({ data, onSetDnd }) => {
onClick=
{
(
e
)
=>
e
.
stopPropagation
()
}
onClick=
{
(
e
)
=>
e
.
stopPropagation
()
}
dynamicValue=
{
dynamicValue
}
dynamicValue=
{
dynamicValue
}
onSetDnd=
{
onSetDnd
}
onSetDnd=
{
onSetDnd
}
variant=
{
data
.
variant
}
position=
{
data
.
position
||
'
bottomLeft
'
}
position=
{
data
.
position
||
'
bottomLeft
'
}
/>
/>
...
...
This diff is collapsed.
Click to expand it.
webpack.config.js
View file @
935769dd
...
@@ -9,7 +9,9 @@ module.exports = {
...
@@ -9,7 +9,9 @@ module.exports = {
output
:
{
output
:
{
path
:
path
.
resolve
(
__dirname
,
'
dist
'
),
path
:
path
.
resolve
(
__dirname
,
'
dist
'
),
},
},
// devServer: {
// port: 80,
// },
module
:
{
module
:
{
rules
:
[
rules
:
[
{
{
...
...
This diff is collapsed.
Click to expand it.
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