def __init__(self, report, title, width, height, htmlCode, options,
profile):
self.indices, self.first_level, self.entries_count, self.ext_links = [], None, 0, {}
super(ContentsTable, self).__init__(report, [],
htmlCode=htmlCode,
css_attrs={
"width": width,
"height": height
},
profile=profile)
self.style.css.position = "fixed"
self.title = self._report.ui.div()
self.title += self._report.ui.text(title).css({
"width": 'auto',
'display': 'inline-block'
})
self.title += self._report.ui.text("[hide]").css({
"width":
'30px',
'display':
'inline-block',
'margin-left':
'5px',
'font-size':
Defaults_css.font(-5)
})
self.title[0].style.css.font_size = Defaults_css.font(6)
self.title[0].style.css.font_weight = "bold"
self.title.options.managed = False
self.menu = self._report.ui.div(htmlCode="content_page")
def __init__(self, report, position, icon, text, tooltip, width, height,
htmlCode, options, profile):
super(IconEdit,
self).__init__(report,
'',
htmlCode=htmlCode,
profile=profile,
css_attrs={
"width": width,
'height': height,
'float':
'left' if position is None else position
})
if tooltip is not None:
self.tooltip(tooltip)
# Add the internal components icons and helper
self.add_span(text) #, css={"float": 'right'})
if width[0] is not None and width[1] == 'px':
self.add_icon(icon, {
"margin": "2px",
'font-size': "%s%s" % (width[0], width[1])
},
htmlCode=self.htmlCode,
family=options.get("icon_family"))
else:
self.add_icon(icon, {
"margin": "2px",
'font-size': Defaults_css.font()
},
htmlCode=self.htmlCode,
family=options.get("icon_family"))
self.css({"margin": "5px 0", 'cursor': 'pointer'})
def text(self,
text,
width=('auto', ""),
tooltip=None,
height=(None, "px"),
profile=None,
options=None):
"""
Description:
-----------
Attributes:
----------
:param text:
:param width: Tuple. Optional. A tuple with the integer for the component width and its unit
:param tooltip:
:param height:
:param profile:
:param options:
"""
c = self.context.rptObj.ui.text(text,
tooltip=tooltip,
width=width,
height=height,
profile=profile,
options=options)
c.style.add_classes.div.background_hover()
c.style.css.border_radius = 5
c.style.css.font_size = Defaults_css.font(-2)
c.style.css.padding = '1px 2px'
return c
def __init__(self, rptObj):
super(AttrIcon, self).__init__(rptObj)
self.font_size = Defaults_css.font()
self.vertical_align = "middle"
self.display = "inline-block"
self.margin = "auto 0"
self.padding = "auto 0"
def divisor(self,
data,
divider=None,
width=(100, '%'),
height=(None, 'px'),
options=None,
profile=False):
"""
Description:
------------
Add list of items separated by a symbol (default BLACK_RIGHT_POINTING_TRIANGLE).
The components will be based on Links
Usage::
record = []
rptObj.ui.menus.divisor(record)
Underlying HTML Objects:
- :class:`epyk.core.html.HtmlContainer.Div`
- :class:`epyk.core.html.HtmlText.link`
Attributes:
----------
:param divider: symbols.shape or String. The symbol between the links
:param width: Tuple. Optional. A tuple with the integer for the component width and its unit
:param height: Tuple. Optional. A tuple with the integer for the component height and its unit
:param options: Dictionary. Optional. Specific Python options available for this component
:param profile: Boolean or Dictionary. Optional. A flag to set the component performance storage
"""
if divider is None:
divider = self.context.rptObj.symbols.shapes.BLACK_RIGHT_POINTING_TRIANGLE
div = self.context.rptObj.ui.div(width=width,
height=height,
options=options,
profile=profile)
div.texts = []
for rec in data[:-1]:
if not isinstance(rec, dict):
rec = {"text": rec}
div.texts.append(
self.context.rptObj.ui.link(*rec).css(
{"display": 'inline-block'}))
div += div.texts[-1]
div += self.context.rptObj.ui.text(divider).css({
"display":
'inline-block',
'margin':
'0 5px',
'font-size':
Defaults_css.font(-2)
})
rec = {
"text": data[-1]
} if not isinstance(data[-1], dict) else data[-1]
div += self.context.rptObj.ui.link(*rec).css(
{"display": 'inline-block'})
return div
def absolute(self,
text,
size_notch=None,
top=(50, "%"),
left=(50, "%"),
bottom=None,
align='left',
width=('auto', ""),
height=(None, "px"),
htmlCode=None,
options=None,
profile=None):
"""
Description:
------------
Attributes:
----------
:param text:
:param size_notch:
:param top:
:param left:
:param bottom:
:param align:
:param width:
:param height:
:param htmlCode:
:param options:
:param profile:
"""
left = Arguments.size(left, unit="%")
top = Arguments.size(top, unit="%")
width = Arguments.size(width, unit="%")
height = Arguments.size(height, unit="px")
dfl_options = {"reset": False, "markdown": False, "maxlength": None}
if options is not None:
dfl_options.update(options)
text = self.context.rptObj.py.encode_html(text)
text_comp = html.HtmlText.Text(self.context.rptObj, text, None, align,
width, height, htmlCode, None,
dfl_options, None, profile)
text_comp.style.position = "absolute"
text_comp.style.display = "block"
if bottom is not None:
text_comp.style.bottom = "%s%s" % (bottom[0], bottom[1])
else:
text_comp.style.top = "%s%s" % (top[0], top[1])
text_comp.style.left = "%s%s" % (left[0], left[1])
text_comp.style.transform = "translate(-%s, -%s)" % (
text_comp.style.left, text_comp.style.top)
if size_notch is not None:
text_comp.style.font_size = Defaults_css.font(size_notch)
if width[0] == 'auto':
text_comp.style.css.display = "inline-block"
return text_comp
def subtitle(self,
text=None,
name=None,
contents=None,
color=None,
picture=None,
icon=None,
marginTop=5,
htmlCode=None,
width=("auto", ""),
height=(None, "px"),
align=None,
options=None,
profile=None):
"""
Description:
------------
Attributes:
----------
:param text:
:param name:
:param contents:
:param color:
:param picture:
:param icon:
:param marginTop:
:param htmlCode:
:param width:
:param height:
:param align:
:param options:
:param profile:
"""
width = Arguments.size(width, unit="px")
height = Arguments.size(height, unit="px")
title = self.context.rptObj.ui.title(text=text,
name=name,
contents=contents,
color=color,
picture=picture,
icon=icon,
marginTop=marginTop,
htmlCode=htmlCode,
width=width,
height=height,
align=align,
options=options,
profile=profile)
title.style.css.font_size = Defaults_css.font(3)
title.style.css.bold()
return title
def __init__(self, htmlObj):
super(NavBar, self).__init__(htmlObj)
self.font_size = Defaults_css.font(8)
self.display = 'block'
self.margin = 0
self.vertical_align = 'top'
self.left = 0
self.box_sizing = "border-box"
self.padding = "0 5px 0 2px"
self.position = "fixed"
self.background_color = htmlObj._report.theme.greys[0]
self.border_bottom = "1px solid %s" % htmlObj._report.theme.greys[4]
self.top = 0
self.z_index = 310
def __str__(self):
item = [
'<fieldset %s>' %
self.get_attrs(pyClassNames=self.style.get_classes())
]
if 'icon' in self.val:
self.val['align'] = self.align
item.append(
'<i class="%(icon)s fa-5x" style="width:100%%;text-align:%(align)s;margin:2px 0 10px 0;color:%(color)s"></i>'
% self.val)
if 'url' in self.val:
item.append(
'<legend style="font-size:%spx;color:%s"></legend><span></span><br><a style="float:right" href="%s">+ more details</a></fieldset>'
% (Defaults_css.font(10), self.val['colorTitle'],
self.val['url']))
else:
item.append(
'<legend style="font-size:%spx;color:%s"></legend><span></span></fieldset>'
% (Defaults_css.font(10), self.val['colorTitle']))
item.append(self.helper)
self._report._props.setdefault('js', {}).setdefault(
"builders", []).append(self.refresh())
return "".join(item)
def up_down(self,
rec=None,
color=None,
label=None,
options=None,
helper=None,
profile=None):
"""
Description:
------------
Up and down Text component
Usage::
rptObj.ui.texts.up_down({'previous': 240885, 'value': 240985})
Underlying HTML Objects:
- :class:`epyk.core.html.HtmlText.UpDown`
Related Pages:
https://fontawesome.com/
Attributes:
----------
:param rec:
:param color:
:param label:
:param options:
:param helper:
:param profile:
"""
dflt_options = {
"digits": 0,
'thousand_sep': ",",
'decimal_sep': ".",
'font_size': Defaults_css.font(),
'red': self.context.rptObj.theme.danger[1],
'green': self.context.rptObj.theme.success[1],
'orange': self.context.rptObj.theme.warning[1]
}
if options is not None:
dflt_options.update(options)
html_up_down = html.HtmlTextComp.UpDown(self.context.rptObj, rec,
color, label, dflt_options,
helper, profile)
return html_up_down
def __str__(self):
items = [
'<div %s>' % self.get_attrs(pyClassNames=self.style.get_classes())
]
items.append(
'<div id="%s_title" style="font-size:%spx;text-align:left"><a></a></div>'
% (self.htmlCode, Defaults_css.font(3)))
items.append(
'<div id="%s_p" style="width:100%%;text-justify:inter-word;text-align:justify;"></div>'
% self.htmlCode)
#if self.val.get('button') is not None:
# items.append('<a href="#" %s><i></i></a>' % (self._report.style.getClsTag(['CssHrefNoDecoration', 'CssButtonBasic'])))
items.append('</div>')
self._report._props.setdefault('js', {}).setdefault(
"builders", []).append(self.refresh())
return ''.join(items)
def globals(self) -> Defaults_css.GlobalStyle:
"""
Description:
------------
Reference for all the global setting in the page.
This should be changed in order to be the proxy to the Default CSS settings in the framework.
Changing this should only impact the report default settings.
TODO: Extend to more than the font
:rtype: Defaults_css.GlobalStyle
"""
if self.__global_styles is None:
self.__global_styles = Defaults_css.GlobalStyle(self.page)
return self.__global_styles
def __str__(self):
self._report._props.setdefault('js', {}).setdefault(
"builders", []).append(self.refresh())
return '''<div %(strAttr)s>
<div style="width:100%%;text-align:right;font-size:%(size)s"></div>
<div id="progress" style="height:10px;color:%(color)s;border:1px solid %(greyColor)s"></div>
<div style="font-size:10px;font-style:italic;color:%(greyColor)s;padding-bottom:5px;text-align:left"></div>
%(helper)s
</div>''' % {
"strAttr": self.get_attrs(pyClassNames=self.style.get_classes()),
"size": Defaults_css.font(12),
'htmlCode': self.htmlCode,
"color": self.val['color'],
"greyColor": self._report.theme.greys[6],
"helper": self.helper
}
def upper(self,
text=None,
options=None,
tooltip="",
align="left",
width=(None, "px"),
height=('auto', ""),
htmlCode=None,
profile=False):
"""
Description:
------------
Templates:
https://github.com/epykure/epyk-templates/blob/master/locals/components/list.py
https://github.com/epykure/epyk-templates/blob/master/locals/components/paragraph.py
Attributes:
----------
:param text:
:param options:
:param tooltip:
:param align:
:param width:
:param height:
:param htmlCode:
:param profile:
"""
width = Arguments.size(width, unit="px")
height = Arguments.size(height, unit="px")
dflt_options = {'markdown': False}
if options is not None:
dflt_options.update(options)
html_title = html.HtmlTags.HtmlGeneric(self.context.rptObj, "div",
text, width, height, htmlCode,
tooltip, dflt_options, profile)
html_title.style.css.font_size = Defaults_css.font(12)
html_title.style.css.text_align = align
html_title.style.css.margin_top = 10
html_title.style.css.padding_bottom = 5
html_title.style.css.margin_bottom = 20
html_title.style.css.bold()
html_title.style.css.text_transform = "uppercase"
html_title.style.css.border_bottom = "3px solid %s" % self.context.rptObj.theme.colors[
-1]
return html_title
def __init__(self, report, position, icon, text, tooltip, width, height,
htmlCode, options, profile):
self._options = options
super(Tick, self).__init__(report,
'',
htmlCode=htmlCode,
profile=profile,
css_attrs={
"width":
width,
'height':
height,
'float':
'left' if position is None else position
})
if tooltip is not None:
self.tooltip(tooltip)
# Add the internal components icons and helper
self.add_span(text, css={"float": 'right'})
self.add_icon(icon, {
"color": self._report.theme.success[1],
"margin": "2px",
'font-size': Defaults_css.font()
},
htmlCode=self.htmlCode,
family=options.get("icon_family"))
self.icon.style.add_classes.div.background_hover()
self.css({"margin": "5px 0", 'cursor': 'pointer'})
self.style.css.float = position
self.style.css.display = "inline-block"
self.css({"text-align": "center"})
if text is not None:
self.span.css({
"line-height": '%spx' % 25,
'vertical-align': 'middle'
})
self.icon.css({
"border-radius": "%spx" % 25,
"width": "%spx" % 25,
"margin-right": "auto",
"margin": "auto",
"color": 'blue',
"line-height": '%s%s' % (25, width[1])
})
def headline(self,
text=None,
options=None,
tooltip="",
align="left",
width=(None, "px"),
height=('auto', ""),
htmlCode=None,
profile=False):
"""
Description:
------------
Templates:
https://github.com/epykure/epyk-templates/blob/master/locals/components/calendar.py
https://github.com/epykure/epyk-templates/blob/master/locals/components/list.py
Attributes:
----------
:param text:
:param options:
:param tooltip:
:param align:
:param width:
:param height:
:param htmlCode:
:param profile:
"""
width = Arguments.size(width, unit="px")
height = Arguments.size(height, unit="px")
dflt_options = {'markdown': False}
if options is not None:
dflt_options.update(options)
html_title = html.HtmlTags.HtmlGeneric(self.context.rptObj, "div",
text, width, height, htmlCode,
tooltip, dflt_options, profile)
html_title.style.css.font_size = Defaults_css.font(8)
html_title.style.css.text_align = align
html_title.style.css.margin_top = 5
html_title.style.css.color = self.context.rptObj.theme.colors[-1]
html_title.style.css.font_style = 'italic'
return html_title
def anchor(self, text, level=0, anchor='#'):
"""
Description:
------------
Add link to the content table
Attributes:
----------
:param text:
:param level:
:param anchor:
"""
href = self._report.ui.link(text, url=anchor)
href.options.managed = False
href.style.css.font_size = Defaults_css.font(2)
href.style.add_classes.link.no_decoration()
self.val.append(href)
href.style.css.display = 'block'
href.style.css.width = '100%'
if level is not None:
href.style.css.padding_left = (level - 1) * 5
return self
def rubric(self,
text=None,
options=None,
tooltip="",
width=(None, "px"),
height=('auto', ""),
htmlCode=None,
profile=False):
"""
Description:
------------
Templates:
https://github.com/epykure/epyk-templates/blob/master/locals/components/list.py
Attributes:
----------
:param text:
:param options:
:param tooltip:
:param width:
:param height:
:param htmlCode:
:param profile:
"""
width = Arguments.size(width, unit="px")
height = Arguments.size(height, unit="px")
dflt_options = {'markdown': False}
if options is not None:
dflt_options.update(options)
html_title = html.HtmlTags.HtmlGeneric(self.context.rptObj, "div",
text, width, height, htmlCode,
tooltip, dflt_options, profile)
html_title.style.css.border_left = '3px solid %s' % self.context.rptObj.theme.colors[
2]
html_title.style.css.padding_left = 5
html_title.style.css.font_size = Defaults_css.font(4)
return html_title
def bold(self,
text=None,
options=None,
tooltip="",
width=(None, "px"),
height=('auto', ""),
htmlCode=None,
profile=False):
"""
Description:
------------
Templates:
https://github.com/epykure/epyk-templates/blob/master/locals/components/list.py
http://192.168.0.34:8081/script/home
Attributes:
----------
:param text:
:param options:
:param tooltip:
:param width:
:param height:
:param htmlCode:
:param profile:
"""
width = Arguments.size(width, unit="px")
height = Arguments.size(height, unit="px")
dflt_options = {'markdown': False}
if options is not None:
dflt_options.update(options)
html_title = html.HtmlTags.HtmlGeneric(self.context.rptObj, "div",
text, width, height, htmlCode,
tooltip, dflt_options, profile)
html_title.style.css.font_size = Defaults_css.font(6)
html_title.style.css.font_weight = "bold"
html_title.style.css.color = self.context.rptObj.theme.colors[-1]
return html_title
def section(self,
text=None,
options=None,
tooltip="",
align="left",
width=(None, "px"),
height=('auto', ""),
htmlCode=None,
profile=False):
"""
Description:
------------
Attributes:
----------
:param text:
:param options: Dictionary. Optional. Specific Python options available for this component
:param tooltip: String. Optional. A string with the value of the tooltip
:param align: String. Optional. A string with the horizontal position of the component
:param width: Tuple. Optional. A tuple with the integer for the component width and its unit
:param height: Tuple. Optional. A tuple with the integer for the component height and its unit
:param htmlCode: String. Optional. An identifier for this component (on both Python and Javascript side)
:param profile: Boolean or Dictionary. Optional. A flag to set the component performance storage
"""
width = Arguments.size(width, unit="px")
height = Arguments.size(height, unit="px")
dflt_options = {'markdown': False}
if options is not None:
dflt_options.update(options)
html_title = html.HtmlTags.HtmlGeneric(self.context.rptObj, "div",
text, width, height, htmlCode,
tooltip, dflt_options, profile)
html_title.style.css.font_size = Defaults_css.font(8)
html_title.style.css.text_align = align
html_title.style.css.margin_top = 20
html_title.style.css.margin_bottom = 10
return html_title
def __init__(self, rptObj):
super(AttrInput, self).__init__(rptObj)
self.font_size = Defaults_css.font()
self.font_family = Defaults_css.Font.family
self.box_sizing = 'border-box'
def absolute(self,
text,
size_notch=None,
icon="",
top=(50, "%"),
left=(50, "%"),
bottom=None,
width=('auto', ""),
height=(None, "px"),
htmlCode=None,
options=None,
profile=None):
"""
Description:
------------
Display a button on the page regardless the current layoyt of components
By default the button will be center on the page.
Usage::
rptObj.ui.buttons.absolute("Test")
Templates:
https://github.com/epykure/epyk-templates/blob/master/locals/components/button.py
Attributes:
----------
:param text: String. Optional. The value to be displayed to the button
:param size_notch:
:param bottom: Integer. Optional. The position of the component
:param icon: String. Optional. A string with the value of the icon to display from font-awesome
:param top: Tuple. Optional. A tuple with the integer for the component's distance to the top of the page
:param left: Tuple. Optional. A tuple with the integer for the component's distance to the left of the page
:param width: Optional. A tuple with the integer for the component width and its unit
:param height: Optional. A tuple with the integer for the component height and its unit
:param htmlCode: String. Optional. An identifier for this component (on both Python and Javascript side)
:param options: Dictionary. Optional. Specific Python options available for this component
:param profile: Optional. A flag to set the component performance storage
"""
left = Arguments.size(left, unit="%")
top = Arguments.size(top, unit="%")
width = Arguments.size(width, unit="%")
height = Arguments.size(height, unit="px")
html_button = html.HtmlButton.Button(self.context.rptObj,
text,
icon,
width,
height,
htmlCode=htmlCode,
tooltip=None,
profile=profile,
options=options)
html_button.style.position = "absolute"
html_button.style.display = "block"
if bottom is not None:
html_button.style.bottom = "%s%s" % (bottom[0], bottom[1])
else:
html_button.style.top = "%s%s" % (top[0], top[1])
html_button.style.left = "%s%s" % (left[0], left[1])
html_button.style.transform = "translate(-%s, -%s)" % (
html_button.style.left, html_button.style.top)
if size_notch is not None:
html_button.style.font_size = Defaults_css.font(size_notch)
if width[0] == 'auto':
html_button.style.css.display = "inline-block"
return html_button
def __init__(self, rptObj):
super(AttrSkarkline, self).__init__(rptObj)
self.display = "inline-block"
self.font_size = Defaults_css.font()
self.margin = "1px 4px"
def __init__(self, rptObj):
super(AttrButton, self).__init__(rptObj)
self.font_size = Defaults_css.font()
def __init__(self, rptObj):
super(AttrBadge, self).__init__(rptObj)
self.padding = "1px 3px"
self.margin = "1px 1px 1px 2px"
self.vertical_align = "bottom"
self.font_size = Defaults_css.font(-3)
def customize(self):
self.css({
'color': self.rptObj.theme.greys[-1],
"background-color": self.rptObj.theme.colors[0],
"font-size": Defaults_css.font()
})
def __init__(self, rptObj):
super(AttrHelp, self).__init__(rptObj)
self.font_size = Defaults_css.font()
self.cursor = "pointer"
self.float = "right"
self.margin = "1px 4px"
def customize(self):
self.css({
"background": self.rptObj.theme.colors[0],
"font-size": Defaults_css.font(),
'width': 'auto'
})
