def get_display(self):
top = DivWdg()
top.add_border()
top.add_style("padding: 10px")
top.add_color("color", "color")
top.add_gradient("background", "background", 0, -5)
#top.add_style("height: 550px")
top.add_behavior({
'type':
'load',
'cbjs_action':
'''
spt.named_events.fire_event("side_bar|hide_now", {} );
'''
})
project = Project.get()
title = DivWdg()
title.add("Project Startup and Configuration")
title.add_style("font-size: 18px")
title.add_style("font-weight: bold")
title.add_style("text-align: center")
title.add_style("padding: 10px")
title.add_style("margin: -10px -10px 10px -10px")
top.add(title)
title.add_gradient("background", "background3", 5, -10)
shelf = DivWdg()
top.add(shelf)
shelf.add_style("margin-left: -8px")
shelf.add_style("width: 130px")
button_div = DivWdg()
shelf.add(button_div)
button_div.add_style("float: left")
button_div.add_style("margin-top: -3px")
security = Environment.get_security()
view_side_bar = security.check_access("builtin",
"view_side_bar",
"allow",
default='allow')
if view_side_bar:
button = IconButtonWdg(title="Side Bar", icon=IconWdg.ARROW_LEFT)
button_div.add(button)
shelf.add("Toggle Side Bar")
shelf.add_attr("title", "Toggle Side Bar (or press '1')")
button.add_behavior({
'type':
'click_up',
'cbjs_action':
'''
spt.named_events.fire_event("side_bar|toggle");
'''
})
shelf.add_behavior({
'type':
'click_up',
'cbjs_action':
'''
spt.named_events.fire_event("side_bar|toggle");
'''
})
shelf.add_class("hand")
else:
shelf.add(" ")
search_wdg = Table()
top.add(search_wdg)
search_wdg.add_row()
search_wdg.add_class("spt_main_top")
search_wdg.add_style("padding: 10px")
search_wdg.add_style("margin: 20px auto")
search_wdg.add_style("width: 430px")
td = search_wdg.add_cell("Search: ")
td.add_style("vertical-align: top")
td.add_style("padding-top: 8px")
custom_cbk = {}
custom_cbk['enter'] = '''
var top = bvr.src_el.getParent(".spt_main_top");
var search_el = top.getElement(".spt_main_search");
var keywords = search_el.value;
if (keywords != '') {
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
'search_type': 'sthpw/sobject_list',
'view': 'result_list',
'keywords': keywords,
'simple_search_view': 'simple_filter',
//'show_shelf': false,
}
spt.tab.set_main_body_tab();
spt.tab.add_new("Search Results", "Search Results", class_name, kwargs);
}
'''
from tactic.ui.input import TextInputWdg, LookAheadTextInputWdg
#text = TextInputWdg(name="search")
text = LookAheadTextInputWdg(name="search",
custom_cbk=custom_cbk,
width='280',
height='42px')
#text = TextWdg("search")
text.add_class("spt_main_search")
text.add_style("width: 290px")
search_wdg.add_cell(text)
search_wdg.add_style("font-weight: bold")
search_wdg.add_style("font-size: 16px")
icon_div = DivWdg()
td = search_wdg.add_cell(icon_div)
td.add_style("vertical-align: top")
icon_div.add_style("width: 38px")
icon_div.add_style("height: 27px")
icon_div.add_style("padding-top: 7px")
icon_div.add_style("padding-left: 4px")
icon_div.add_style("text-align: center")
#icon_div.add_gradient("background", "background3", 15, -10)
icon_div.add_color("background", "background3", 10)
over_color = icon_div.get_color("background3", 0)
out_color = icon_div.get_color("background3", 10)
icon_div.set_round_corners(5)
icon_div.set_box_shadow("1px 1px 1px 1px")
icon = IconWdg("Search", IconWdg.SEARCH_32, width=24)
icon_div.add(icon)
button = icon_div
icon_div.add_class("hand")
icon_div.add_behavior({
'type':
'mouseover',
'color':
over_color,
'cbjs_action':
'''
bvr.src_el.setStyle("background", bvr.color);
'''
})
icon_div.add_behavior({
'type':
'mouseout',
'color':
out_color,
'cbjs_action':
'''
bvr.src_el.setStyle("background", bvr.color);
bvr.src_el.setStyle("box-shadow", "1px 1px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-5");
bvr.src_el.setStyle("margin-right", "0");
'''
})
icon_div.add_behavior({
'type':
'click',
'color':
out_color,
'cbjs_action':
'''
bvr.src_el.setStyle("box-shadow", "0px 0px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-3");
bvr.src_el.setStyle("margin-right", "-2");
'''
})
icon_div.add_behavior({
'type':
'click_up',
'color':
out_color,
'cbjs_action':
'''
bvr.src_el.setStyle("box-shadow", "1px 1px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-5");
bvr.src_el.setStyle("margin-right", "0");
'''
})
button.add_behavior({
'type':
'click_up',
'cbjs_action':
'''
var top = bvr.src_el.getParent(".spt_main_top");
var search_el = top.getElement(".spt_main_search");
var keywords = search_el.value;
if (keywords == '') {
return;
}
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
'search_type': 'sthpw/sobject_list',
'view': 'result_list',
'keywords': keywords,
'simple_search_view': 'simple_filter',
//'show_shelf': false,
}
spt.tab.set_main_body_tab();
spt.tab.add_new("Search Results", "Search Results", class_name, kwargs);
'''
})
#desc = DivWdg()
#top.add(desc)
#desc.add("Dashboard")
#desc.add_style("width: 600px")
# create a bunch of panels
table = Table()
table.add_color("color", "color")
table.add_style("margin-bottom: 20px")
table.center()
top.add(table)
table.add_row()
#security = Environment.get_security()
#if not security.check_access("builtin", "view_site_admin", "allow"):
td = table.add_cell()
td.add_style("padding: 3px")
td.add_style("vertical-align: top")
title = "Configuration"
#description = '''All TACTIC projects can be uniquely designed and managed using our configuration tools.'''
description = '''Configure a Project from start to finish.'''
image = "<img src='/context/icons/64x64/configuration_64.png'/>"
behavior = {
'type':
'click_up',
'cbjs_action':
'''
spt.tab.set_main_body_tab();
var class_name = 'tactic.ui.startup.ProjectConfigWdg';
var kwargs = {
help_alias: 'project-startup-configuration'
};
spt.tab.add_new("project_configuration", "Configuration", class_name, kwargs);
'''
}
config_wdg = self.get_main_section_wdg(title, description, image,
behavior)
td.add(config_wdg)
# Manage Users
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Manage Users and Security"
image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
image = DivWdg()
image_link = "<div style='margin-bottom: -64px'><img src='/context/icons/64x64/lock_64.png'/></div>"
image.add(image_link)
image1 = IconWdg("Manage Users", IconWdg.USER_32)
image2 = IconWdg("Manage Users", IconWdg.USER_32)
image3 = IconWdg("Manage Users", IconWdg.USER_32)
image4 = IconWdg("Manage Users", IconWdg.USER_32)
image.add(image1)
image.add(image2)
image.add("<br/>")
image.add(image3)
image.add(image4)
description = '''Manage users that can access the system'''
behavior = {
'type':
'click_up',
'cbjs_action':
'''
spt.tab.set_main_body_tab();
var class_name = 'tactic.ui.startup.UserConfigWdg';
var kwargs = {
help_alias: 'project-startup-manage-users'
};
spt.tab.add_new("manage_user", "Manage Users", class_name, kwargs);
'''
}
manage_users_wdg = self.get_main_section_wdg(title, description, image,
behavior)
td.add(manage_users_wdg)
# custom layout editor
td = table.add_cell()
td.add_style("padding: 3px")
td.add_style("vertical-align: top")
title = "Custom Layouts"
description = '''Create interfaces using the Custom Layout Editor.'''
image = "<img src='/context/icons/64x64/layout_64.png'/>"
behavior = {
'type':
'click_up',
'cbjs_action':
'''
spt.tab.set_main_body_tab();
var class_name = 'tactic.ui.tools.CustomLayoutEditWdg';
var kwargs = {
help_alias: 'project-startup-configuration'
};
spt.tab.add_new("custom_layout_editor", "Custom Layout Editor", class_name, kwargs);
'''
}
config_wdg = self.get_main_section_wdg(title, description, image,
behavior)
td.add(config_wdg)
tr = table.add_row()
# Plugins
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Manage Plugins"
image = IconWdg("Manage Plugins", IconWdg.PLUGIN_32)
#image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''Upload, install, remove and create TACTIC plugins.'''
behavior = {
'type':
'click_up',
'cbjs_action':
'''
var class_name = 'tactic.ui.app.PluginWdg';
spt.tab.set_main_body_tab();
spt.tab.add_new("plugins", "Manage Plugin", class_name, kwargs);
'''
}
plugin_wdg = self.get_small_section_wdg(title, description, image,
behavior)
td.add(plugin_wdg)
# Examples
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Tools"
image = IconWdg("Tools", IconWdg.SHARE_32)
#image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''A collection of example views.'''
behavior = {
'type':
'click_up',
'cbjs_action':
'''
var class_name = 'tactic.ui.startup.ToolsWdg';
spt.tab.set_main_body_tab();
spt.tab.add_new("tools", "Tools", class_name, kwargs);
'''
}
share_wdg = self.get_small_section_wdg(title, description, image,
behavior)
td.add(share_wdg)
# Share
"""
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Shares"
image = IconWdg("Shares", IconWdg.SHARE_32)
#image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''Share project with other TACTIC installs.'''
behavior = {
'type': 'click_up',
'cbjs_action': '''
var class_name = 'tactic.ui.startup.ShareWdg';
spt.tab.set_main_body_tab();
spt.tab.add_new("shares", "Shares", class_name, kwargs);
'''
}
share_wdg = self.get_small_section_wdg(title, description, image, behavior)
td.add(share_wdg)
"""
# Advanced
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Advanced Setup"
image = IconWdg("Advanced", IconWdg.ADVANCED_32)
#image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''A set of advanced configuration tools.'''
behavior = {
'type':
'click_up',
'cbjs_action':
'''
var class_name = 'tactic.ui.app.ProjectStartWdg';
spt.tab.set_main_body_tab()
spt.tab.add_new("project_setup", "Project Setup", class_name)
'''
}
share_wdg = self.get_small_section_wdg(title, description, image,
behavior)
td.add(share_wdg)
"""
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Documentation"
description = '''TACTIC Documentation.
* Project Setup Documentation<br/>
<br/>
* End User Documentation<br/>
<br/>
* Developer Documentation<br/>
<br/>
* System Administrator Documentation<br/>
<br/>
'''
image = "<img src='/context/images/getting_started_pipeline.png'/>"
behavior = {
'type': 'click_up',
'cbjs_action': '''
spt.help.load_alias("main")
'''
}
doc_wdg = self.get_section_wdg(title, description, image, behavior)
td.add(doc_wdg)
"""
tr, td = table.add_row_cell()
td.add_style("font-size: 14px")
td.add("<br/>")
from misc_wdg import QuickLinksWdg
quick_links_wdg = QuickLinksWdg()
td.add(quick_links_wdg)
#td = table.add_cell()
#totals_wdg = self.get_totals_wdg()
#td.add(totals_wdg)
return top
def get_display(my):
top = DivWdg()
top.add_border()
top.add_style("padding: 10px")
top.add_color("color", "color")
top.add_gradient("background", "background", 0, -5)
#top.add_style("height: 550px")
top.add_behavior( {
'type': 'load',
'cbjs_action': '''
spt.named_events.fire_event("side_bar|hide_now", {} );
'''
} )
project = Project.get()
title = DivWdg()
title.add("Project Startup and Configuration")
title.add_style("font-size: 18px")
title.add_style("font-weight: bold")
title.add_style("text-align: center")
title.add_style("padding: 10px")
title.add_style("margin: -10px -10px 10px -10px")
top.add(title)
title.add_gradient("background", "background3", 5, -10)
shelf = DivWdg()
top.add(shelf)
shelf.add_style("margin-left: -8px")
shelf.add_style("width: 130px")
button_div = DivWdg()
shelf.add(button_div)
button_div.add_style("float: left")
button_div.add_style("margin-top: -3px")
security = Environment.get_security()
view_side_bar = security.check_access("builtin", "view_side_bar", "allow", default='allow')
if view_side_bar:
button = IconButtonWdg(title="Side Bar", icon=IconWdg.ARROW_LEFT)
button_div.add(button)
shelf.add("Toggle Side Bar")
shelf.add_attr("title", "Toggle Side Bar (or press '1')")
button.add_behavior( {
'type': 'click_up',
'cbjs_action': '''
spt.named_events.fire_event("side_bar|toggle");
'''
} )
shelf.add_behavior( {
'type': 'click_up',
'cbjs_action': '''
spt.named_events.fire_event("side_bar|toggle");
'''
} )
shelf.add_class("hand")
else:
shelf.add(" ")
search_wdg = Table()
top.add(search_wdg)
search_wdg.add_row()
search_wdg.add_class("spt_main_top")
search_wdg.add_style("padding: 10px")
search_wdg.add_style("margin: 20px auto")
search_wdg.add_style("width: 430px")
td = search_wdg.add_cell("Search: ")
td.add_style("vertical-align: top")
td.add_style("padding-top: 8px")
custom_cbk = {}
custom_cbk['enter'] = '''
var top = bvr.src_el.getParent(".spt_main_top");
var search_el = top.getElement(".spt_main_search");
var keywords = search_el.value;
if (keywords != '') {
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
'search_type': 'sthpw/sobject_list',
'view': 'result_list',
'keywords': keywords,
'simple_search_view': 'simple_filter',
//'show_shelf': false,
}
spt.tab.set_main_body_tab();
spt.tab.add_new("Search Results", "Search Results", class_name, kwargs);
}
'''
from tactic.ui.input import TextInputWdg, LookAheadTextInputWdg
#text = TextInputWdg(name="search")
text = LookAheadTextInputWdg(name="search", custom_cbk=custom_cbk, width='280', height='42px')
#text = TextWdg("search")
text.add_class("spt_main_search")
text.add_style("width: 290px")
search_wdg.add_cell(text)
search_wdg.add_style("font-weight: bold")
search_wdg.add_style("font-size: 16px")
icon_div = DivWdg()
td = search_wdg.add_cell(icon_div)
td.add_style("vertical-align: top")
icon_div.add_style("width: 38px")
icon_div.add_style("height: 27px")
icon_div.add_style("padding-top: 7px")
icon_div.add_style("padding-left: 4px")
icon_div.add_style("text-align: center")
#icon_div.add_gradient("background", "background3", 15, -10)
icon_div.add_color("background", "background3", 10)
over_color = icon_div.get_color("background3", 0)
out_color = icon_div.get_color("background3", 10)
icon_div.set_round_corners(5)
icon_div.set_box_shadow("1px 1px 1px 1px")
icon = IconWdg("Search", IconWdg.SEARCH_32, width=24)
icon_div.add(icon)
button = icon_div
icon_div.add_class("hand")
icon_div.add_behavior( {
'type': 'mouseover',
'color': over_color,
'cbjs_action': '''
bvr.src_el.setStyle("background", bvr.color);
'''
} )
icon_div.add_behavior( {
'type': 'mouseout',
'color': out_color,
'cbjs_action': '''
bvr.src_el.setStyle("background", bvr.color);
bvr.src_el.setStyle("box-shadow", "1px 1px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-5");
bvr.src_el.setStyle("margin-right", "0");
'''
} )
icon_div.add_behavior( {
'type': 'click',
'color': out_color,
'cbjs_action': '''
bvr.src_el.setStyle("box-shadow", "0px 0px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-3");
bvr.src_el.setStyle("margin-right", "-2");
'''
} )
icon_div.add_behavior( {
'type': 'click_up',
'color': out_color,
'cbjs_action': '''
bvr.src_el.setStyle("box-shadow", "1px 1px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-5");
bvr.src_el.setStyle("margin-right", "0");
'''
} )
button.add_behavior( {
'type': 'click_up',
'cbjs_action': '''
var top = bvr.src_el.getParent(".spt_main_top");
var search_el = top.getElement(".spt_main_search");
var keywords = search_el.value;
if (keywords == '') {
return;
}
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
'search_type': 'sthpw/sobject_list',
'view': 'result_list',
'keywords': keywords,
'simple_search_view': 'simple_filter',
//'show_shelf': false,
}
spt.tab.set_main_body_tab();
spt.tab.add_new("Search Results", "Search Results", class_name, kwargs);
'''
} )
#desc = DivWdg()
#top.add(desc)
#desc.add("Dashboard")
#desc.add_style("width: 600px")
# create a bunch of panels
table = Table()
table.add_color("color", "color")
table.add_style("margin-bottom: 20px")
table.center()
top.add(table)
table.add_row()
#security = Environment.get_security()
#if not security.check_access("builtin", "view_site_admin", "allow"):
td = table.add_cell()
td.add_style("padding: 3px")
td.add_style("vertical-align: top")
title = "Configuration"
#description = '''All TACTIC projects can be uniquely designed and managed using our configuration tools.'''
description = '''Configure a Project from start to finish.'''
image = "<img src='/context/icons/64x64/configuration_64.png'/>"
behavior = {
'type': 'click_up',
'cbjs_action': '''
spt.tab.set_main_body_tab();
var class_name = 'tactic.ui.startup.ProjectConfigWdg';
var kwargs = {
help_alias: 'project-startup-configuration'
};
spt.tab.add_new("project_configuration", "Configuration", class_name, kwargs);
'''
}
config_wdg = my.get_main_section_wdg(title, description, image, behavior)
td.add(config_wdg)
# Manage Users
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Manage Users and Security"
image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
image = DivWdg()
image_link = "<div style='margin-bottom: -64px'><img src='/context/icons/64x64/lock_64.png'/></div>"
image.add(image_link)
image1 = IconWdg("Manage Users", IconWdg.USER_32)
image2 = IconWdg("Manage Users", IconWdg.USER_32)
image3 = IconWdg("Manage Users", IconWdg.USER_32)
image4 = IconWdg("Manage Users", IconWdg.USER_32)
image.add(image1)
image.add(image2)
image.add("<br/>")
image.add(image3)
image.add(image4)
description = '''Manage users that can access the system'''
behavior = {
'type': 'click_up',
'cbjs_action': '''
spt.tab.set_main_body_tab();
var class_name = 'tactic.ui.startup.UserConfigWdg';
var kwargs = {
help_alias: 'project-startup-manage-users'
};
spt.tab.add_new("manage_user", "Manage Users", class_name, kwargs);
'''
}
manage_users_wdg = my.get_main_section_wdg(title, description, image, behavior)
td.add(manage_users_wdg)
# custom layout editor
td = table.add_cell()
td.add_style("padding: 3px")
td.add_style("vertical-align: top")
title = "Custom Layouts"
description = '''Create interfaces using the Custom Layout Editor.'''
image = "<img src='/context/icons/64x64/layout_64.png'/>"
behavior = {
'type': 'click_up',
'cbjs_action': '''
spt.tab.set_main_body_tab();
var class_name = 'tactic.ui.tools.CustomLayoutEditWdg';
var kwargs = {
help_alias: 'project-startup-configuration'
};
spt.tab.add_new("custom_layout_editor", "Custom Layout Editor", class_name, kwargs);
'''
}
config_wdg = my.get_main_section_wdg(title, description, image, behavior)
td.add(config_wdg)
tr = table.add_row()
# Plugins
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Manage Plugin"
image = IconWdg("Manage Plugin", IconWdg.PLUGIN_32)
#image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''Upload, install, remove and create TACTIC plugins.'''
behavior = {
'type': 'click_up',
'cbjs_action': '''
var class_name = 'tactic.ui.app.PluginWdg';
spt.tab.set_main_body_tab();
spt.tab.add_new("plugins", "Manage Plugin", class_name, kwargs);
'''
}
plugin_wdg = my.get_small_section_wdg(title, description, image, behavior)
td.add(plugin_wdg)
# Examples
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Tools"
image = IconWdg("Tools", IconWdg.SHARE_32)
#image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''A collection of example views.'''
behavior = {
'type': 'click_up',
'cbjs_action': '''
var class_name = 'tactic.ui.startup.ToolsWdg';
spt.tab.set_main_body_tab();
spt.tab.add_new("tools", "Tools", class_name, kwargs);
'''
}
share_wdg = my.get_small_section_wdg(title, description, image, behavior)
td.add(share_wdg)
# Share
"""
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Shares"
image = IconWdg("Shares", IconWdg.SHARE_32)
#image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''Share project with other TACTIC installs.'''
behavior = {
'type': 'click_up',
'cbjs_action': '''
var class_name = 'tactic.ui.startup.ShareWdg';
spt.tab.set_main_body_tab();
spt.tab.add_new("shares", "Shares", class_name, kwargs);
'''
}
share_wdg = my.get_small_section_wdg(title, description, image, behavior)
td.add(share_wdg)
"""
# Advanced
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Advanced Setup"
image = IconWdg("Advanced", IconWdg.ADVANCED_32)
#image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''A set of advanced configuration tools.'''
behavior = {
'type': 'click_up',
'cbjs_action': '''
var class_name = 'tactic.ui.app.ProjectStartWdg';
spt.tab.set_main_body_tab()
spt.tab.add_new("project_setup", "Project Setup", class_name)
'''
}
share_wdg = my.get_small_section_wdg(title, description, image, behavior)
td.add(share_wdg)
"""
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Documentation"
description = '''TACTIC Documentation.
* Project Setup Documentation<br/>
<br/>
* End User Documentation<br/>
<br/>
* Developer Documentation<br/>
<br/>
* System Administrator Documentation<br/>
<br/>
'''
image = "<img src='/context/images/getting_started_pipeline.png'/>"
behavior = {
'type': 'click_up',
'cbjs_action': '''
spt.help.load_alias("main")
'''
}
doc_wdg = my.get_section_wdg(title, description, image, behavior)
td.add(doc_wdg)
"""
tr, td = table.add_row_cell()
td.add_style("font-size: 14px")
td.add("<br/>")
from misc_wdg import QuickLinksWdg
quick_links_wdg = QuickLinksWdg()
td.add(quick_links_wdg)
#td = table.add_cell()
#totals_wdg = my.get_totals_wdg()
#td.add(totals_wdg)
return top
def get_display(self):
top = DivWdg()
top.add_border()
top.add_style("padding: 10px")
top.add_color("color", "color")
top.add_gradient("background", "background", 0, -5)
#top.add_style("height: 550px")
#top.add_behavior( {
# 'type': 'load',
# 'cbjs_action': '''
# spt.named_events.fire_event("side_bar|hide_now", {} );
# '''
#} )
project = Project.get()
title = TitleWdg(title='Tools')
top.add(title)
shelf = DivWdg()
top.add(shelf)
shelf.add_style("margin-left: -8px")
shelf.add_style("width: 130px")
button_div = DivWdg()
shelf.add(button_div)
button_div.add_style("float: left")
button_div.add_style("margin-top: -3px")
search_wdg = DivWdg()
search_wdg.add_class("spt_main_top")
top.add(search_wdg)
search_wdg.add_style("padding: 10px")
search_wdg.add_style("margin: 10px auto")
search_wdg.add_style("width: 430px")
search_wdg.add("<div style='float: left; margin: 8px 10px;'>Search: </div>")
custom_cbk = {}
custom_cbk['enter'] = '''
var top = bvr.src_el.getParent(".spt_main_top");
var search_el = top.getElement(".spt_main_search");
var keywords = search_el.value;
if (keywords != '') {
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
'search_type': 'sthpw/sobject_list',
'view': 'table',
'keywords': keywords,
'simple_search_view': 'simple_search',
//'show_shelf': false,
}
spt.tab.set_main_body_tab();
spt.tab.add_new("Search Results", "Search Results", class_name, kwargs);
}
'''
from tactic.ui.input import TextInputWdg, LookAheadTextInputWdg
#text = TextInputWdg(name="search")
text = LookAheadTextInputWdg(name="search", custom_cbk=custom_cbk, height="42px")
#text = TextWdg("search")
text.add_class("spt_main_search")
text.add_style("width: 290px")
search_wdg.add(text)
search_wdg.add_style("font-weight: bold")
search_wdg.add_style("font-size: 16px")
text.add_style("float: left")
#search_wdg.add(button)
#button.add_style("margin-top: -28px")
icon_div = DivWdg()
search_wdg.add(icon_div)
icon_div.add_style("width: 38px")
icon_div.add_style("height: 27px")
icon_div.add_style("padding-top: 3px")
icon_div.add_style("padding-left: 4px")
icon_div.add_style("text-align: center")
#icon_div.add_gradient("background", "background3", 15, -10)
icon_div.add_color("background", "background3", 10)
over_color = icon_div.get_color("background3", 0)
out_color = icon_div.get_color("background3", 10)
icon_div.set_round_corners(5)
icon_div.set_box_shadow("1px 1px 1px 1px")
icon = IconWdg("Search", IconWdg.SEARCH_32, width=24)
icon_div.add(icon)
icon_div.add_style("float: right")
icon_div.add_style("margin-top: 4px")
button = icon_div
icon_div.add_class("hand")
icon_div.add_behavior( {
'type': 'mouseover',
'color': over_color,
'cbjs_action': '''
bvr.src_el.setStyle("background", bvr.color);
'''
} )
icon_div.add_behavior( {
'type': 'mouseout',
'color': out_color,
'cbjs_action': '''
bvr.src_el.setStyle("background", bvr.color);
bvr.src_el.setStyle("box-shadow", "1px 1px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-5");
bvr.src_el.setStyle("margin-right", "0");
'''
} )
icon_div.add_behavior( {
'type': 'click',
'color': out_color,
'cbjs_action': '''
bvr.src_el.setStyle("box-shadow", "0px 0px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-3");
bvr.src_el.setStyle("margin-right", "-2");
'''
} )
icon_div.add_behavior( {
'type': 'click_up',
'color': out_color,
'cbjs_action': '''
bvr.src_el.setStyle("box-shadow", "1px 1px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-5");
bvr.src_el.setStyle("margin-right", "0");
'''
} )
button.add_behavior( {
'type': 'click_up',
'cbjs_action': '''
var top = bvr.src_el.getParent(".spt_main_top");
var search_el = top.getElement(".spt_main_search");
var keywords = search_el.value;
if (keywords == '') {
return;
}
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
'search_type': 'sthpw/sobject_list',
'view': 'table',
'keywords': keywords,
'simple_search_view': 'simple_search',
//'show_shelf': false,
}
spt.tab.set_main_body_tab();
spt.tab.add_new("Search Results", "Search Results", class_name, kwargs);
'''
} )
#desc = DivWdg()
#top.add(desc)
#desc.add("Dashboard")
#desc.add_style("width: 600px")
# create a bunch of panels
table = Table()
table.add_color("color", "color")
table.add_style("margin-bottom: 20px")
table.center()
top.add(table)
table.add_row()
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Themes"
image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''Themes define the look and feel of a project.'''
behavior = {
'type': 'click_up',
'cbjs_action': '''
var class_name = 'tactic.ui.startup.themes_wdg.ThemesWdg';
var kwargs = {
help_alias: 'project-startup-dashboards'
};
spt.tab.set_main_body_tab();
spt.tab.add_new("themes", "Themes", class_name, kwargs);
'''
}
dashboard_wdg = self.get_section_wdg(title, description, image, behavior)
td.add(dashboard_wdg)
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Dashboards"
image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''Dashboards display key project data in single views. Drill down further to work on tasks, make status changes or add notes.'''
# read the config file
#from pyasm.widget import WidgetConfig
#tmp_path = __file__
#dir_name = os.path.dirname(tmp_path)
#file_path="%s/../config/dashboard-conf.xml" % (dir_name)
#config = WidgetConfig.get(file_path=file_path, view="definition")
# FIXME: this bypasses the link security
#element_name = "dashboards"
#attrs = config.get_element_attributes(element_name)
#dashboard_data = {}
#kwargs = config.get_display_options(element_name)
#class_name = kwargs.get('class_name')
behavior = {
'type': 'click_up',
'cbjs_action': '''
var class_name = 'tactic.ui.startup.dashboards_wdg.DashboardsWdg';
var kwargs = {
help_alias: 'project-startup-dashboards'
};
spt.tab.set_main_body_tab();
spt.tab.add_new("dashboards", "Dashboards", class_name, kwargs);
'''
}
dashboard_wdg = self.get_section_wdg(title, description, image, behavior)
td.add(dashboard_wdg)
td = table.add_cell()
td.add_style("padding: 3px")
td.add_style("vertical-align: top")
title = "Reports"
image = "<img src='/context/icons/64x64/report_64.png'/>"
description = '''TACTIC provides a number of predefined reports that project managers can access instantly to get real-time analytics.'''
behavior = {
'type': 'click_up',
'cbjs_action': '''
var class_name = 'tactic.ui.startup.reports_wdg.ReportsWdg';
var kwargs = {};
spt.tab.set_main_body_tab();
spt.tab.add_new("reports", "Reports", class_name, kwargs);
//spt.panel.load_popup("Reports", class_name, kwargs);
'''
}
side_bar_wdg = self.get_section_wdg(title, description, image, behavior)
td.add(side_bar_wdg)
td = table.add_cell()
td.add_style("padding: 3px")
td.add_style("vertical-align: top")
title = "Lists of Items"
description = '''View all of the lists items for this project<br/><br/>
'''
image = "<img src='/context/icons/48x48/search_type_48.png'/>"
#image = "<img src='/context/images/getting_started_pipeline.png'/>"
behavior = {
'type': 'click_up',
'cbjs_action': '''
spt.tab.set_main_body_tab();
var class_name = 'tactic.ui.startup.HomeWdg';
var kwargs = {};
spt.tab.add_new("lists", "Lists", class_name, kwargs);
'''
}
config_wdg = self.get_section_wdg(title, description, image, behavior)
td.add(config_wdg)
tr, td = table.add_row_cell()
td.add_style("font-size: 14px")
td.add("<br/>"*2)
quick_links_wdg = QuickLinksWdg()
td.add(quick_links_wdg)
return top
def get_display(my):
top = DivWdg()
top.add_border()
top.add_style("padding: 10px")
top.add_color("color", "color")
top.add_gradient("background", "background", 0, -5)
#top.add_style("height: 550px")
top.add_behavior({
'type':
'load',
'cbjs_action':
'''
spt.named_events.fire_event("side_bar|hide", {} );
'''
})
project = Project.get()
title = TitleWdg(title='Client Home')
top.add(title)
shelf = DivWdg()
top.add(shelf)
shelf.add_style("margin-left: -8px")
shelf.add_style("width: 130px")
security = Environment.get_security()
view_side_bar = security.check_access("builtin",
"view_side_bar",
"allow",
default='allow')
if view_side_bar:
button_div = DivWdg()
shelf.add(button_div)
button_div.add_style("float: left")
button_div.add_style("margin-top: -3px")
button = IconButtonWdg(title="Side Bar", icon=IconWdg.ARROW_LEFT)
button_div.add(button)
shelf.add("Toggle Side Bar")
button.add_behavior({
'type':
'click_up',
'cbjs_action':
'''
spt.named_events.fire_event("side_bar|toggle");
'''
})
shelf.add_behavior({
'type':
'click_up',
'cbjs_action':
'''
spt.named_events.fire_event("side_bar|toggle");
'''
})
shelf.add_class("hand")
else:
shelf.add(" ")
search_wdg = DivWdg()
search_wdg.add_class("spt_main_top")
top.add(search_wdg)
search_wdg.add_style("padding: 10px")
search_wdg.add_style("margin: 10px auto")
search_wdg.add_style("width: 430px")
search_wdg.add("Search: ")
search_wdg.add(" " * 3)
custom_cbk = {}
custom_cbk['enter'] = '''
var top = bvr.src_el.getParent(".spt_main_top");
var search_el = top.getElement(".spt_main_search");
var keywords = search_el.value;
if (keywords != '') {
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
'search_type': 'sthpw/sobject_list',
'view': 'table',
'keywords': keywords,
'simple_search_view': 'simple_search',
//'show_shelf': false,
}
spt.tab.set_main_body_tab();
spt.tab.add_new("Search Results", "Search Results", class_name, kwargs);
}
'''
from tactic.ui.input import TextInputWdg, LookAheadTextInputWdg
#text = TextInputWdg(name="search")
text = LookAheadTextInputWdg(name="search", custom_cbk=custom_cbk)
#text = TextWdg("search")
text.add_class("spt_main_search")
text.add_style("width: 290px")
search_wdg.add(text)
search_wdg.add_style("font-weight: bold")
search_wdg.add_style("font-size: 16px")
button = ActionButtonWdg(title="Search")
#search_wdg.add(button)
button.add_style("float: right")
#button.add_style("margin-top: -28px")
icon_div = DivWdg()
search_wdg.add(icon_div)
icon_div.add_style("width: 38px")
icon_div.add_style("height: 27px")
icon_div.add_style("padding-top: 3px")
icon_div.add_style("padding-left: 4px")
icon_div.add_style("text-align: center")
#icon_div.add_gradient("background", "background3", 15, -10)
icon_div.add_color("background", "background3", 10)
over_color = icon_div.get_color("background3", 0)
out_color = icon_div.get_color("background3", 10)
icon_div.set_round_corners(5)
icon_div.set_box_shadow("1px 1px 1px 1px")
icon = IconWdg("Search", IconWdg.SEARCH_32, width=24)
icon_div.add(icon)
icon_div.add_style("float: right")
icon_div.add_style("margin-top: -5px")
button = icon_div
icon_div.add_class("hand")
icon_div.add_behavior({
'type':
'mouseover',
'color':
over_color,
'cbjs_action':
'''
bvr.src_el.setStyle("background", bvr.color);
'''
})
icon_div.add_behavior({
'type':
'mouseout',
'color':
out_color,
'cbjs_action':
'''
bvr.src_el.setStyle("background", bvr.color);
bvr.src_el.setStyle("box-shadow", "1px 1px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-5");
bvr.src_el.setStyle("margin-right", "0");
'''
})
icon_div.add_behavior({
'type':
'click',
'color':
out_color,
'cbjs_action':
'''
bvr.src_el.setStyle("box-shadow", "0px 0px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-3");
bvr.src_el.setStyle("margin-right", "-2");
'''
})
icon_div.add_behavior({
'type':
'click_up',
'color':
out_color,
'cbjs_action':
'''
bvr.src_el.setStyle("box-shadow", "1px 1px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-5");
bvr.src_el.setStyle("margin-right", "0");
'''
})
button.add_behavior({
'type':
'click_up',
'cbjs_action':
'''
var top = bvr.src_el.getParent(".spt_main_top");
var search_el = top.getElement(".spt_main_search");
var keywords = search_el.value;
if (keywords == '') {
return;
}
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
'search_type': 'sthpw/sobject_list',
'view': 'table',
'keywords': keywords,
'simple_search_view': 'simple_search',
//'show_shelf': false,
}
spt.tab.set_main_body_tab();
spt.tab.add_new("Search Results", "Search Results", class_name, kwargs);
'''
})
#desc = DivWdg()
#top.add(desc)
#desc.add("Dashboard")
#desc.add_style("width: 600px")
# create a bunch of panels
table = Table()
table.add_color("color", "color")
table.add_style("margin-bottom: 20px")
table.center()
top.add(table)
table.add_row()
td = table.add_cell()
td.add_style("padding: 3px")
td.add_style("vertical-align: top")
title = "My Approvals"
description = '''View all pending items for approval<br/><br/>
'''
#image = "<img src='/context/images/getting_started_pipeline.png'/>"
image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
behavior = {
'type':
'click_up',
'cbjs_action':
'''
spt.tab.set_main_body_tab();
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
search_type: 'sthpw/sobject_list',
view: 'client_approval',
show_shelf: false,
show_select: false,
element_names: ['preview', 'name', 'description', 'task_pipeline_vertical','notes'],
is_editable: false,
//expression: "@SOBJECT(sthpw/task['project_code','fickle3'].fickle3/cars.sthpw/sobject_list)"
};
spt.tab.add_new("approvals", "Approvals", class_name, kwargs);
'''
}
config_wdg = my.get_section_wdg(title, description, image, behavior)
td.add(config_wdg)
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "My Dashboard"
image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''Dashboards display key project data in single views. Drill down further to work on tasks, make status changes or add notes.'''
# read the config file
from pyasm.widget import WidgetConfig
tmp_path = __file__
dir_name = os.path.dirname(tmp_path)
file_path = "%s/../config/dashboard-conf.xml" % (dir_name)
config = WidgetConfig.get(file_path=file_path, view="definition")
#element_name = "my_dashboard"
element_name = "my_dashboard"
attrs = config.get_element_attributes(element_name)
dashboard_data = {}
kwargs = config.get_display_options(element_name)
class_name = kwargs.get('class_name')
dashboard_data['class_name'] = class_name
dashboard_data['kwargs'] = kwargs
dashboard_data['title'] = attrs.get("title")
dashboard_data['description'] = attrs.get("description")
dashboard_data['image'] = attrs.get("image")
behavior = {
'type':
'click_up',
'dashboard':
dashboard_data,
'cbjs_action':
'''
var class_name = 'tactic.ui.startup.dashboards_wdg.DashboardsWdg';
var kwargs = {};
spt.tab.set_main_body_tab();
spt.tab.add_new("my_dashboard", "My Dashboard", bvr.dashboard.class_name, bvr.dashboard.kwargs);
'''
}
pipeline_wdg = my.get_section_wdg(title, description, image, behavior)
td.add(pipeline_wdg)
td = table.add_cell()
td.add_style("padding: 3px")
td.add_style("vertical-align: top")
title = "My Reports"
image = "<img src='/context/icons/64x64/report_64.png'/>"
description = '''TACTIC provides a number of predefined reports that project managers can access instantly to get real-time analytics.'''
behavior = {
'type':
'click_up',
'cbjs_action':
'''
var class_name = 'tactic.ui.startup.reports_wdg.ReportsWdg';
var kwargs = {};
spt.tab.set_main_body_tab();
spt.tab.add_new("reports", "Reports", class_name, kwargs);
//spt.panel.load_popup("Reports", class_name, kwargs);
'''
}
side_bar_wdg = my.get_section_wdg(title, description, image, behavior)
td.add(side_bar_wdg)
"""
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Documentation"
description = '''TACTIC Documentation.
<br/><br/>
* Project Setup Documentation<br/>
<br/>
* End User Documentation<br/>
<br/>
* Developer Documentation<br/>
<br/>
* System Administrator Documentation<br/>
<br/>
'''
image = "<img src='/context/images/getting_started_pipeline.png'/>"
behavior = {
'type': 'click_up',
'cbjs_action': '''
spt.help.load_alias("main")
'''
}
doc_wdg = my.get_section_wdg(title, description, image, behavior)
td.add(doc_wdg)
"""
tr, td = table.add_row_cell()
td.add_style("font-size: 14px")
td.add("<br/>" * 2)
quick_links_wdg = QuickLinksWdg()
td.add(quick_links_wdg)
return top
def get_display(my):
top = DivWdg()
top.add_border()
top.add_style("padding: 10px")
top.add_color("color", "color")
top.add_gradient("background", "background", 0, -5)
#top.add_style("height: 550px")
#top.add_behavior( {
# 'type': 'load',
# 'cbjs_action': '''
# spt.named_events.fire_event("side_bar|hide_now", {} );
# '''
#} )
project = Project.get()
title = TitleWdg(title='Tools')
top.add(title)
shelf = DivWdg()
top.add(shelf)
shelf.add_style("margin-left: -8px")
shelf.add_style("width: 130px")
button_div = DivWdg()
shelf.add(button_div)
button_div.add_style("float: left")
button_div.add_style("margin-top: -3px")
search_wdg = DivWdg()
search_wdg.add_class("spt_main_top")
top.add(search_wdg)
search_wdg.add_style("padding: 10px")
search_wdg.add_style("margin: 10px auto")
search_wdg.add_style("width: 430px")
search_wdg.add(
"<div style='float: left; margin: 8px 10px;'>Search: </div>")
custom_cbk = {}
custom_cbk['enter'] = '''
var top = bvr.src_el.getParent(".spt_main_top");
var search_el = top.getElement(".spt_main_search");
var keywords = search_el.value;
if (keywords != '') {
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
'search_type': 'sthpw/sobject_list',
'view': 'table',
'keywords': keywords,
'simple_search_view': 'simple_search',
//'show_shelf': false,
}
spt.tab.set_main_body_tab();
spt.tab.add_new("Search Results", "Search Results", class_name, kwargs);
}
'''
from tactic.ui.input import TextInputWdg, LookAheadTextInputWdg
#text = TextInputWdg(name="search")
text = LookAheadTextInputWdg(name="search",
custom_cbk=custom_cbk,
height="42px")
#text = TextWdg("search")
text.add_class("spt_main_search")
text.add_style("width: 290px")
search_wdg.add(text)
search_wdg.add_style("font-weight: bold")
search_wdg.add_style("font-size: 16px")
text.add_style("float: left")
#search_wdg.add(button)
#button.add_style("margin-top: -28px")
icon_div = DivWdg()
search_wdg.add(icon_div)
icon_div.add_style("width: 38px")
icon_div.add_style("height: 27px")
icon_div.add_style("padding-top: 3px")
icon_div.add_style("padding-left: 4px")
icon_div.add_style("text-align: center")
#icon_div.add_gradient("background", "background3", 15, -10)
icon_div.add_color("background", "background3", 10)
over_color = icon_div.get_color("background3", 0)
out_color = icon_div.get_color("background3", 10)
icon_div.set_round_corners(5)
icon_div.set_box_shadow("1px 1px 1px 1px")
icon = IconWdg("Search", IconWdg.SEARCH_32, width=24)
icon_div.add(icon)
icon_div.add_style("float: right")
icon_div.add_style("margin-top: 4px")
button = icon_div
icon_div.add_class("hand")
icon_div.add_behavior({
'type':
'mouseover',
'color':
over_color,
'cbjs_action':
'''
bvr.src_el.setStyle("background", bvr.color);
'''
})
icon_div.add_behavior({
'type':
'mouseout',
'color':
out_color,
'cbjs_action':
'''
bvr.src_el.setStyle("background", bvr.color);
bvr.src_el.setStyle("box-shadow", "1px 1px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-5");
bvr.src_el.setStyle("margin-right", "0");
'''
})
icon_div.add_behavior({
'type':
'click',
'color':
out_color,
'cbjs_action':
'''
bvr.src_el.setStyle("box-shadow", "0px 0px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-3");
bvr.src_el.setStyle("margin-right", "-2");
'''
})
icon_div.add_behavior({
'type':
'click_up',
'color':
out_color,
'cbjs_action':
'''
bvr.src_el.setStyle("box-shadow", "1px 1px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-5");
bvr.src_el.setStyle("margin-right", "0");
'''
})
button.add_behavior({
'type':
'click_up',
'cbjs_action':
'''
var top = bvr.src_el.getParent(".spt_main_top");
var search_el = top.getElement(".spt_main_search");
var keywords = search_el.value;
if (keywords == '') {
return;
}
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
'search_type': 'sthpw/sobject_list',
'view': 'table',
'keywords': keywords,
'simple_search_view': 'simple_search',
//'show_shelf': false,
}
spt.tab.set_main_body_tab();
spt.tab.add_new("Search Results", "Search Results", class_name, kwargs);
'''
})
#desc = DivWdg()
#top.add(desc)
#desc.add("Dashboard")
#desc.add_style("width: 600px")
# create a bunch of panels
table = Table()
table.add_color("color", "color")
table.add_style("margin-bottom: 20px")
table.center()
top.add(table)
table.add_row()
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Themes"
image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''Themes define the look and feel of a project.'''
behavior = {
'type':
'click_up',
'cbjs_action':
'''
var class_name = 'tactic.ui.startup.themes_wdg.ThemesWdg';
var kwargs = {
help_alias: 'project-startup-dashboards'
};
spt.tab.set_main_body_tab();
spt.tab.add_new("themes", "Themes", class_name, kwargs);
'''
}
dashboard_wdg = my.get_section_wdg(title, description, image, behavior)
td.add(dashboard_wdg)
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Dashboards"
image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''Dashboards display key project data in single views. Drill down further to work on tasks, make status changes or add notes.'''
# read the config file
#from pyasm.widget import WidgetConfig
#tmp_path = __file__
#dir_name = os.path.dirname(tmp_path)
#file_path="%s/../config/dashboard-conf.xml" % (dir_name)
#config = WidgetConfig.get(file_path=file_path, view="definition")
# FIXME: this bypasses the link security
#element_name = "dashboards"
#attrs = config.get_element_attributes(element_name)
#dashboard_data = {}
#kwargs = config.get_display_options(element_name)
#class_name = kwargs.get('class_name')
behavior = {
'type':
'click_up',
'cbjs_action':
'''
var class_name = 'tactic.ui.startup.dashboards_wdg.DashboardsWdg';
var kwargs = {
help_alias: 'project-startup-dashboards'
};
spt.tab.set_main_body_tab();
spt.tab.add_new("dashboards", "Dashboards", class_name, kwargs);
'''
}
dashboard_wdg = my.get_section_wdg(title, description, image, behavior)
td.add(dashboard_wdg)
td = table.add_cell()
td.add_style("padding: 3px")
td.add_style("vertical-align: top")
title = "Reports"
image = "<img src='/context/icons/64x64/report_64.png'/>"
description = '''TACTIC provides a number of predefined reports that project managers can access instantly to get real-time analytics.'''
behavior = {
'type':
'click_up',
'cbjs_action':
'''
var class_name = 'tactic.ui.startup.reports_wdg.ReportsWdg';
var kwargs = {};
spt.tab.set_main_body_tab();
spt.tab.add_new("reports", "Reports", class_name, kwargs);
//spt.panel.load_popup("Reports", class_name, kwargs);
'''
}
side_bar_wdg = my.get_section_wdg(title, description, image, behavior)
td.add(side_bar_wdg)
td = table.add_cell()
td.add_style("padding: 3px")
td.add_style("vertical-align: top")
title = "Lists of Items"
description = '''View all of the lists items for this project<br/><br/>
'''
image = "<img src='/context/icons/48x48/search_type_48.png'/>"
#image = "<img src='/context/images/getting_started_pipeline.png'/>"
behavior = {
'type':
'click_up',
'cbjs_action':
'''
spt.tab.set_main_body_tab();
var class_name = 'tactic.ui.startup.HomeWdg';
var kwargs = {};
spt.tab.add_new("lists", "Lists", class_name, kwargs);
'''
}
config_wdg = my.get_section_wdg(title, description, image, behavior)
td.add(config_wdg)
tr, td = table.add_row_cell()
td.add_style("font-size: 14px")
td.add("<br/>" * 2)
quick_links_wdg = QuickLinksWdg()
td.add(quick_links_wdg)
return top
def get_display(my):
top = DivWdg()
top.add_border()
top.add_style("padding: 10px")
top.add_color("color", "color")
top.add_gradient("background", "background", 0, -5)
#top.add_style("height: 550px")
top.add_behavior( {
'type': 'load',
'cbjs_action': '''
spt.named_events.fire_event("side_bar|hide", {} );
'''
} )
project = Project.get()
title = TitleWdg(title='Client Home')
top.add(title)
shelf = DivWdg()
top.add(shelf)
shelf.add_style("margin-left: -8px")
shelf.add_style("width: 130px")
security = Environment.get_security()
view_side_bar = security.check_access("builtin", "view_side_bar", "allow", default='allow')
if view_side_bar:
button_div = DivWdg()
shelf.add(button_div)
button_div.add_style("float: left")
button_div.add_style("margin-top: -3px")
button = IconButtonWdg(title="Side Bar", icon=IconWdg.ARROW_LEFT)
button_div.add(button)
shelf.add("Toggle Side Bar")
button.add_behavior( {
'type': 'click_up',
'cbjs_action': '''
spt.named_events.fire_event("side_bar|toggle");
'''
} )
shelf.add_behavior( {
'type': 'click_up',
'cbjs_action': '''
spt.named_events.fire_event("side_bar|toggle");
'''
} )
shelf.add_class("hand")
else:
shelf.add(" ")
search_wdg = DivWdg()
search_wdg.add_class("spt_main_top")
top.add(search_wdg)
search_wdg.add_style("padding: 10px")
search_wdg.add_style("margin: 10px auto")
search_wdg.add_style("width: 430px")
search_wdg.add("Search: ")
search_wdg.add(" "*3)
custom_cbk = {}
custom_cbk['enter'] = '''
var top = bvr.src_el.getParent(".spt_main_top");
var search_el = top.getElement(".spt_main_search");
var keywords = search_el.value;
if (keywords != '') {
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
'search_type': 'sthpw/sobject_list',
'view': 'table',
'keywords': keywords,
'simple_search_view': 'simple_search',
//'show_shelf': false,
}
spt.tab.set_main_body_tab();
spt.tab.add_new("Search Results", "Search Results", class_name, kwargs);
}
'''
from tactic.ui.input import TextInputWdg, LookAheadTextInputWdg
#text = TextInputWdg(name="search")
text = LookAheadTextInputWdg(name="search", custom_cbk=custom_cbk)
#text = TextWdg("search")
text.add_class("spt_main_search")
text.add_style("width: 290px")
search_wdg.add(text)
search_wdg.add_style("font-weight: bold")
search_wdg.add_style("font-size: 16px")
button = ActionButtonWdg(title="Search")
#search_wdg.add(button)
button.add_style("float: right")
#button.add_style("margin-top: -28px")
icon_div = DivWdg()
search_wdg.add(icon_div)
icon_div.add_style("width: 38px")
icon_div.add_style("height: 27px")
icon_div.add_style("padding-top: 3px")
icon_div.add_style("padding-left: 4px")
icon_div.add_style("text-align: center")
#icon_div.add_gradient("background", "background3", 15, -10)
icon_div.add_color("background", "background3", 10)
over_color = icon_div.get_color("background3", 0)
out_color = icon_div.get_color("background3", 10)
icon_div.set_round_corners(5)
icon_div.set_box_shadow("1px 1px 1px 1px")
icon = IconWdg("Search", IconWdg.SEARCH_32, width=24)
icon_div.add(icon)
icon_div.add_style("float: right")
icon_div.add_style("margin-top: -5px")
button = icon_div
icon_div.add_class("hand")
icon_div.add_behavior( {
'type': 'mouseover',
'color': over_color,
'cbjs_action': '''
bvr.src_el.setStyle("background", bvr.color);
'''
} )
icon_div.add_behavior( {
'type': 'mouseout',
'color': out_color,
'cbjs_action': '''
bvr.src_el.setStyle("background", bvr.color);
bvr.src_el.setStyle("box-shadow", "1px 1px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-5");
bvr.src_el.setStyle("margin-right", "0");
'''
} )
icon_div.add_behavior( {
'type': 'click',
'color': out_color,
'cbjs_action': '''
bvr.src_el.setStyle("box-shadow", "0px 0px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-3");
bvr.src_el.setStyle("margin-right", "-2");
'''
} )
icon_div.add_behavior( {
'type': 'click_up',
'color': out_color,
'cbjs_action': '''
bvr.src_el.setStyle("box-shadow", "1px 1px 1px 1px #999");
bvr.src_el.setStyle("margin-top", "-5");
bvr.src_el.setStyle("margin-right", "0");
'''
} )
button.add_behavior( {
'type': 'click_up',
'cbjs_action': '''
var top = bvr.src_el.getParent(".spt_main_top");
var search_el = top.getElement(".spt_main_search");
var keywords = search_el.value;
if (keywords == '') {
return;
}
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
'search_type': 'sthpw/sobject_list',
'view': 'table',
'keywords': keywords,
'simple_search_view': 'simple_search',
//'show_shelf': false,
}
spt.tab.set_main_body_tab();
spt.tab.add_new("Search Results", "Search Results", class_name, kwargs);
'''
} )
#desc = DivWdg()
#top.add(desc)
#desc.add("Dashboard")
#desc.add_style("width: 600px")
# create a bunch of panels
table = Table()
table.add_color("color", "color")
table.add_style("margin-bottom: 20px")
table.center()
top.add(table)
table.add_row()
td = table.add_cell()
td.add_style("padding: 3px")
td.add_style("vertical-align: top")
title = "My Approvals"
description = '''View all pending items for approval<br/><br/>
'''
#image = "<img src='/context/images/getting_started_pipeline.png'/>"
image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
behavior = {
'type': 'click_up',
'cbjs_action': '''
spt.tab.set_main_body_tab();
var class_name = 'tactic.ui.panel.ViewPanelWdg';
var kwargs = {
search_type: 'sthpw/sobject_list',
view: 'client_approval',
show_shelf: false,
show_select: false,
element_names: ['preview', 'name', 'description', 'task_pipeline_vertical','notes'],
is_editable: false,
//expression: "@SOBJECT(sthpw/task['project_code','fickle3'].fickle3/cars.sthpw/sobject_list)"
};
spt.tab.add_new("approvals", "Approvals", class_name, kwargs);
'''
}
config_wdg = my.get_section_wdg(title, description, image, behavior)
td.add(config_wdg)
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "My Dashboard"
image = "<img src='/context/icons/64x64/dashboard_64.png'/>"
description = '''Dashboards display key project data in single views. Drill down further to work on tasks, make status changes or add notes.'''
# read the config file
from pyasm.widget import WidgetConfig
tmp_path = __file__
dir_name = os.path.dirname(tmp_path)
file_path="%s/../config/dashboard-conf.xml" % (dir_name)
config = WidgetConfig.get(file_path=file_path, view="definition")
#element_name = "my_dashboard"
element_name = "my_dashboard"
attrs = config.get_element_attributes(element_name)
dashboard_data = {}
kwargs = config.get_display_options(element_name)
class_name = kwargs.get('class_name')
dashboard_data['class_name'] = class_name
dashboard_data['kwargs'] = kwargs
dashboard_data['title'] = attrs.get("title")
dashboard_data['description'] = attrs.get("description")
dashboard_data['image'] = attrs.get("image")
behavior = {
'type': 'click_up',
'dashboard': dashboard_data,
'cbjs_action': '''
var class_name = 'tactic.ui.startup.dashboards_wdg.DashboardsWdg';
var kwargs = {};
spt.tab.set_main_body_tab();
spt.tab.add_new("my_dashboard", "My Dashboard", bvr.dashboard.class_name, bvr.dashboard.kwargs);
'''
}
pipeline_wdg = my.get_section_wdg(title, description, image, behavior)
td.add(pipeline_wdg)
td = table.add_cell()
td.add_style("padding: 3px")
td.add_style("vertical-align: top")
title = "My Reports"
image = "<img src='/context/icons/64x64/report_64.png'/>"
description = '''TACTIC provides a number of predefined reports that project managers can access instantly to get real-time analytics.'''
behavior = {
'type': 'click_up',
'cbjs_action': '''
var class_name = 'tactic.ui.startup.reports_wdg.ReportsWdg';
var kwargs = {};
spt.tab.set_main_body_tab();
spt.tab.add_new("reports", "Reports", class_name, kwargs);
//spt.panel.load_popup("Reports", class_name, kwargs);
'''
}
side_bar_wdg = my.get_section_wdg(title, description, image, behavior)
td.add(side_bar_wdg)
"""
td = table.add_cell()
td.add_style("vertical-align: top")
td.add_style("padding: 3px")
title = "Documentation"
description = '''TACTIC Documentation.
<br/><br/>
* Project Setup Documentation<br/>
<br/>
* End User Documentation<br/>
<br/>
* Developer Documentation<br/>
<br/>
* System Administrator Documentation<br/>
<br/>
'''
image = "<img src='/context/images/getting_started_pipeline.png'/>"
behavior = {
'type': 'click_up',
'cbjs_action': '''
spt.help.load_alias("main")
'''
}
doc_wdg = my.get_section_wdg(title, description, image, behavior)
td.add(doc_wdg)
"""
tr, td = table.add_row_cell()
td.add_style("font-size: 14px")
td.add("<br/>"*2)
quick_links_wdg = QuickLinksWdg()
td.add(quick_links_wdg)
return top
