2024-02-12 15:33:47 +01:00
export default {
name : "History_view" ,
delimiters : [ '[[' , ']]' ] ,
props : {
history : Object ,
key _loop : Number
} ,
template : `
2024-02-15 12:01:36 +01:00
< div style = "display: flex;" >
< div style = "list-style-type: none; padding: 10px; font-size: large; margin-left: 13px" >
< a v - if = "'children' in history && history['children'].length" data - bs - toggle = "collapse" style = "color: black;" : href = "'#collapseChild-'+history.uuid" role = "button" aria - expanded = "true" : aria - controls = "'collapseChild-'+history.uuid" >
< i class = "fa-solid fa-caret-down" > < / i >
< / a >
< / d i v >
< a style = "text-decoration: none; color: black;" data - bs - toggle = "collapse" : href = "'#collapse'+history.uuid" role = "button" aria - expanded = "false" : aria - controls = "'collapse'+history.uuid" >
< ul class = "list-group list-group-horizontal" style = "padding-top: 5px;" >
< li class = "list-group-item" >
< h5 > [ [ history . query ] ] < / h 5 >
< / l i >
< li class = "list-group-item" >
< h5 style = "color: brown" > < u > Input Attributes < / u > < / h 5 >
[ [ history . input ] ]
< / l i >
< li class = "list-group-item" >
< h5 style = "color: brown" > < u > Modules < / u > < / h 5 >
< template v - for = "module in history.modules" > [ [ module ] ] , < / t e m p l a t e >
< / l i >
< / u l
< / a >
< / d i v >
< div >
< div class = "collapse" : id = "'collapse'+history.uuid" style = "width: 70%; margin-left: 30px" >
< div class = "card card-body" >
< div class = "d-flex w-100 justify-content-between" >
< h5 class = "mb-1" > [ [ history . query ] ] < / h 5 >
< small > < i > [ [ history . uuid ] ] < / i > < / s m a l l >
< / d i v >
< p class = "mb-1" style = "color: green;" > < u > Input Attribute < / u > : < / p >
< div > [ [ history . input ] ] < / d i v >
< br >
< p class = "mb-1" style = "color: #2000ff;" > < u > Modules < / u > : < / p >
< div >
< template v - for = "module in history.modules" > [ [ module ] ] , < / t e m p l a t e >
< / d i v >
2024-02-12 15:33:47 +01:00
< div > < / d i v >
2024-02-15 12:01:36 +01:00
< div class = "d-flex w-100 justify-content-between" >
< div > < a : href = "'/query/'+history.uuid" > See results < / a > < / d i v >
< small > < i > [ [ history . query _date ] ] < / i > < / s m a l l >
< / d i v >
2024-02-12 15:33:47 +01:00
< / d i v >
2024-02-15 12:01:36 +01:00
< / d i v >
2024-02-12 15:33:47 +01:00
2024-02-15 12:01:36 +01:00
< div class = "collapse show" : id = "'collapseChild-'+history.uuid" >
< ul style = "list-style-type: none;" >
< li >
< div class = "card-body" >
< template v - for = "h, key in history['children']" >
< history _view : history = "h" : key _loop = "key" / >
< / t e m p l a t e >
< / d i v >
< / l i >
< / u l >
< / d i v >
< / d i v >
2024-02-12 15:33:47 +01:00
`
}