Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
A
atlas
Project
Overview
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
dataplatform
atlas
Commits
4952a560
Commit
4952a560
authored
5 years ago
by
kevalbhatt
Committed by
Sarath Subramanian
5 years ago
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
ATLAS-3453: UI: show shell icon in entity detail page if status is incomplete
Signed-off-by:
Sarath Subramanian
<
sarath@apache.org
>
parent
503a572d
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
64 additions
and
6 deletions
+64
-6
theme.scss
dashboardv2/public/css/scss/theme.scss
+26
-0
DetailPageLayoutView_tmpl.html
...c/js/templates/detail_page/DetailPageLayoutView_tmpl.html
+2
-2
DetailPageLayoutView.js
...ardv2/public/js/views/detail_page/DetailPageLayoutView.js
+4
-1
theme.scss
dashboardv3/public/css/scss/theme.scss
+26
-0
DetailPageLayoutView_tmpl.html
...c/js/templates/detail_page/DetailPageLayoutView_tmpl.html
+2
-2
DetailPageLayoutView.js
...ardv3/public/js/views/detail_page/DetailPageLayoutView.js
+4
-1
No files found.
dashboardv2/public/css/scss/theme.scss
View file @
4952a560
...
...
@@ -510,4 +510,29 @@ hr[size="10"] {
color
:
inherit
!
important
;
}
}
}
.entityDetail
{
.isIncomplete
{
&
.show
{
img
{
opacity
:
.2
;
animation
:
blink
2
.5s
infinite
;
}
i
.fa.fa-refresh
{
display
:
block
;
}
}
i
.fa.fa-refresh
{
display
:
none
;
text-align
:
center
;
font-size
:
20px
;
top
:
0
;
position
:
absolute
;
z-index
:
999
;
left
:
calc
(
50%
-
8px
);
}
}
}
\ No newline at end of file
This diff is collapsed.
Click to expand it.
dashboardv2/public/js/templates/detail_page/DetailPageLayoutView_tmpl.html
View file @
4952a560
...
...
@@ -19,8 +19,8 @@
<i
class=
"fa fa-refresh fa-spin-custom"
></i>
</div>
<div
class=
"entityDetail form-horizontal col-sm-12"
>
<h1
class=
"title row"
>
<div
data-id=
"entityIcon"
class=
"entity-icon-box"
></div>
<h1
class=
"title row
isIncomplete
"
>
<div
data-id=
"entityIcon"
class=
"entity-icon-box
position-relative
"
></div>
<span
data-id=
"title"
></span>
</h1>
{{#if entityUpdate}}
<div
data-id=
"editButtonContainer"
class=
"pull-right"
></div>
...
...
This diff is collapsed.
Click to expand it.
dashboardv2/public/js/views/detail_page/DetailPageLayoutView.js
View file @
4952a560
...
...
@@ -193,7 +193,10 @@ define(['require',
}
else
{
this
.
ui
.
entityIcon
.
removeClass
(
'disabled'
);
}
this
.
ui
.
entityIcon
.
attr
(
'title'
,
_
.
escape
(
collectionJSON
.
typeName
)).
html
(
'<img src="'
+
Utils
.
getEntityIconPath
({
entityData
:
entityData
})
+
'"/>'
).
find
(
"img"
).
on
(
'error'
,
function
()
{
if
(
collectionJSON
.
isIncomplete
===
true
)
{
this
.
$
(
".isIncomplete"
).
addClass
(
"show"
);
}
this
.
ui
.
entityIcon
.
attr
(
'title'
,
_
.
escape
(
collectionJSON
.
typeName
)).
html
(
'<img src="'
+
Utils
.
getEntityIconPath
({
entityData
:
entityData
})
+
'"/><i class="fa fa-refresh fa-spin-custom"></i>'
).
find
(
"img"
).
on
(
'error'
,
function
()
{
this
.
src
=
Utils
.
getEntityIconPath
({
entityData
:
entityData
,
errorUrl
:
this
.
src
});
});
}
else
{
...
...
This diff is collapsed.
Click to expand it.
dashboardv3/public/css/scss/theme.scss
View file @
4952a560
...
...
@@ -690,4 +690,29 @@ hr[size="10"] {
.tooltip.bottom
.tooltip-arrow
{
border-bottom-color
:
#000
;
}
.entityDetail
{
.isIncomplete
{
&
.show
{
img
{
opacity
:
.2
;
animation
:
blink
2
.5s
infinite
;
}
i
.fa.fa-refresh
{
display
:
block
;
}
}
i
.fa.fa-refresh
{
display
:
none
;
text-align
:
center
;
font-size
:
20px
;
top
:
0
;
position
:
absolute
;
z-index
:
1
;
left
:
calc
(
50%
-
8px
);
}
}
}
\ No newline at end of file
This diff is collapsed.
Click to expand it.
dashboardv3/public/js/templates/detail_page/DetailPageLayoutView_tmpl.html
View file @
4952a560
...
...
@@ -22,8 +22,8 @@
<i
class=
"fa fa-refresh fa-spin-custom"
></i>
</div>
<div
class=
"entityDetail form-horizontal col-sm-12"
>
<h1
class=
"title"
>
<div
data-id=
"entityIcon"
class=
"entity-icon-box"
></div>
<h1
class=
"title
isIncomplete
"
>
<div
data-id=
"entityIcon"
class=
"entity-icon-box
position-relative
"
></div>
<span
data-id=
"title"
></span>
</h1>
{{#if entityUpdate}}
<div
data-id=
"editButtonContainer"
class=
"pull-right"
></div>
...
...
This diff is collapsed.
Click to expand it.
dashboardv3/public/js/views/detail_page/DetailPageLayoutView.js
View file @
4952a560
...
...
@@ -198,7 +198,10 @@ define(['require',
}
else
{
this
.
ui
.
entityIcon
.
removeClass
(
'disabled'
);
}
this
.
ui
.
entityIcon
.
attr
(
'title'
,
_
.
escape
(
collectionJSON
.
typeName
)).
html
(
'<img src="'
+
Utils
.
getEntityIconPath
({
entityData
:
entityData
})
+
'"/>'
).
find
(
"img"
).
on
(
'error'
,
function
()
{
if
(
collectionJSON
.
isIncomplete
===
true
)
{
this
.
$
(
".isIncomplete"
).
addClass
(
"show"
);
}
this
.
ui
.
entityIcon
.
attr
(
'title'
,
_
.
escape
(
collectionJSON
.
typeName
)).
html
(
'<img src="'
+
Utils
.
getEntityIconPath
({
entityData
:
entityData
})
+
'"/><i class="fa fa-refresh fa-spin-custom"></i>'
).
find
(
"img"
).
on
(
'error'
,
function
()
{
this
.
src
=
Utils
.
getEntityIconPath
({
entityData
:
entityData
,
errorUrl
:
this
.
src
});
});
}
else
{
...
...
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