diff options
author | 2018-05-09 22:02:56 +0800 | |
---|---|---|
committer | 2018-05-09 22:03:03 +0800 | |
commit | ea506ea4aa4306bd594d747455291b18a030aa4e (patch) | |
tree | c88180e409e01ae08bc4f26d3f57bb99098a15f7 /usecaseui-common/src/main/webapp/app/fusion/external/samples/org_chart/example_vsp.html | |
parent | b92099db10112c4a260485354dbf10176383561c (diff) |
add angularJs component
Change-Id: I41eb4950a7ee3b1b4f306681824f6035c624d485
Issue-ID: USECASEUI-113
Signed-off-by: zhangab <zhanganbing@chinamobile.com>
Diffstat (limited to 'usecaseui-common/src/main/webapp/app/fusion/external/samples/org_chart/example_vsp.html')
-rw-r--r-- | usecaseui-common/src/main/webapp/app/fusion/external/samples/org_chart/example_vsp.html | 88 |
1 files changed, 88 insertions, 0 deletions
diff --git a/usecaseui-common/src/main/webapp/app/fusion/external/samples/org_chart/example_vsp.html b/usecaseui-common/src/main/webapp/app/fusion/external/samples/org_chart/example_vsp.html new file mode 100644 index 00000000..a2e3703d --- /dev/null +++ b/usecaseui-common/src/main/webapp/app/fusion/external/samples/org_chart/example_vsp.html @@ -0,0 +1,88 @@ +<!DOCTYPE html> +<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> + <title>jOrgChart - A jQuery OrgChart Plugin</title> + <link rel="stylesheet" href="css/bootstrap.min.css"/> + <link rel="stylesheet" href="css/jquery.jOrgChart.css"/> + <link rel="stylesheet" href="css/custom.css"/> + <link href="css/prettify.css" type="text/css" rel="stylesheet" /> + + <script type="text/javascript" src="prettify.js"></script> + + <!-- jQuery includes --> + <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> + <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> + + <script src="jquery.jOrgChart.js"></script> + + <script> + jQuery(document).ready(function() { + $("#org").jOrgChart({ + chartElement : '#chart', + dragAndDrop : true + }); + }); + </script> + </head> + + <body onload="prettyPrint();"> + <ul id="org" style="display:none"> + <li>Trinity<br/> + <ul> + <li>Call Forwarding<br/> + <ul> + <li>Call Forwarding Busy<br/></li> + <li>Call Forwarding Always<br/></li> + <li>Call Forwarding Not Reachable<br/></li> + </ul> + </li> + <li>Dial Restrictions<br/> + <ul> + <li>Outgoing Calls<br/></li> + <li>Redirecting Calls<br/></li> + <li>Incoming Calls<br/></li> + </ul> + </li> + <li>Messaging<br/> + <ul> + <li>Voice Management<br/></li> + <li>Greetings<br/></li> + <li>Fax Messaging<br/></li> + </ul> + </li> + </ul> + </li> + </ul> + + <div id="chart" class="orgChart"></div> + + <script> + jQuery(document).ready(function() { + + /* Custom jQuery for the example */ + $("#show-list").click(function(e){ + e.preventDefault(); + + $('#list-html').toggle('fast', function(){ + if($(this).is(':visible')){ + $('#show-list').text('Hide underlying list.'); + $(".topbar").fadeTo('fast',0.9); + }else{ + $('#show-list').text('Show underlying list.'); + $(".topbar").fadeTo('fast',1); + } + }); + }); + + $('#list-html').text($('#org').html()); + + $("#org").bind("DOMSubtreeModified", function() { + $('#list-html').text(''); + + $('#list-html').text($('#org').html()); + + prettyPrint(); + }); + }); + </script> + </body> +</html>
\ No newline at end of file |