nemo-ui/src/main/resources/nemo/nemo.tpl.user.html

   1 <html xmlns="http://www.w3.org/1999/xhtml">\r
   2 <head>\r
   3     <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />\r
   4     <title>nemo-ui-en</title>\r
   5     <link href="src/app/nemo/css/jquery-ui.min.css" rel="stylesheet" />\r
   6     <link href="src/app/nemo/css/nemo_user_main.css" rel="stylesheet" />\r
   7 \r
   8     <script src="lib/jquery-1.11.3.js"></script>\r
   9     <script src="lib/jquery-ui.min.js"></script>\r
  10     <script src="lib/vis.js"></script>\r
  11 \r
  12     <script src="src/app/nemo/module/keyWords.js"></script>\r
  13     <!-- // <script src="src/app/nemo/module/bod_userJson.js"></script> -->\r
  14     <script src="src/app/nemo/js/Nemo_Main.js"></script>\r
  15     <script src="src/app/nemo/js/Nemo_Annouce_vis.js"></script>\r
  16     <!-- // <script src="src/app/nemo/js/phyNetwork.js"></script> -->\r
  17     <script src="src/app/nemo/js/intentTopo.js"></script>\r
  18 \r
  19     <script>\r
  20                 var user_str = localStorage.getItem("nemo_userInfo");\r
  21         console.log(user_str);\r
  22         jQuery(document).ready(function ($) {\r
  23         if(user_str){\r
  24             user_str=JSON.parse(user_str);\r
  25             var userName=user_str.userName;\r
  26             //get topo data\r
  27             $('.header p').html($('.header p').html().replace('xxx',userName));\r
  28             var user_data=getIntentInfoByName(userName,IntentInfos);\r
  29              analyjson_topo(user_data);\r
  30              parseNemoLan(user_data);\r
  31 \r
  32              //set keyWords style\r
  33            $("#nemo_str_show p").each(function(){\r
  34             var $res=$(this);\r
  35             keyWords.forEach(function(item,index,array){\r
  36                 // console.log(item);\r
  37                 $res.html($res.html().replace(item,"<span class='keyWords'>"+item+"</span>"));\r
  38             });\r
  39         });\r
  40 \r
  41         }      \r
  42         });\r
  43     </script>\r
  44 </head>\r
  45 <body>\r
  46       <div class="header"><p>Hello xxx!</p></div>\r
  47 \r
  48         <div class="group">\r
  49             <div class="up">\r
  50                 <div class="tabs">\r
  51                     <ul>\r
  52                         <li><a href="#intent_topo">NEMO Intent</a></li>\r
  53                     </ul>\r
  54 \r
  55                 <div id="intent_topo">\r
  56                     <svg id="service_svg"  width="800" height="560"  viewBox="100 40 900 780" style='display:none'>\r
  57                     <defs>\r
  58                     <marker id="idArrow" viewBox="0 0 20 20" refX="0" refY="10" markerUnits="strokeWidth" markerWidth="6" markerHeight="15" orient="auto"><path d="M 0 0 L 20 10 L0 20 z"fill="purple"stroke="black"/> </marker>\r
  59                     <marker id="idtext" viewBox="0 0 120 50" refX="0" refY="0" markerUnits="strokeWidth" markerWidth="20" markerHeight="20"  orient="auto"><text style="font-family:sans-serif; font-size:14pt;"  x="20" y="20">text</text></marker>  \r
  60                     </defs>\r
  61                     </svg>\r
  62 \r
  63                     <svg id="service_svg2"  width="800" height="560"  viewBox="100 40 900 780">\r
  64                     <defs>\r
  65                     <marker id="idArrow2" viewBox="0 0 20 20" refX="0" refY="10" markerUnits="strokeWidth" markerWidth="6" markerHeight="15" orient="auto"><path d="M 0 0 L 20 10 L0 20 z"fill="purple"stroke="black"/> </marker>\r
  66                     <marker id="idtext2" viewBox="0 0 120 50" refX="0" refY="0" markerUnits="strokeWidth" markerWidth="20" markerHeight="20"  orient="auto"><text style="font-family:sans-serif; font-size:14pt;"  x="20" y="20">text</text></marker>  \r
  67                     </defs>\r
  68                     </svg>\r
  69                 </div>\r
  70 \r
  71                 </div>\r
  72             </div>\r
  73 \r
  74             <div class="down">\r
  75                 <div class="tabs">\r
  76                     <ul>\r
  77                         <li><a href="#nemo_str_show">NEMO Language</a></li>\r
  78                     </ul>\r
  79     \r
  80                     <div id="nemo_str_show"></div>\r
  81                 </div>\r
  82             </div>\r
  83 \r
  84         </div>\r
  85 \r
  86         <!-- dialog start -->\r
  87         <div id="dialog" title="warning">\r
  88             <p>\r
  89                 \r
  90             </p>\r
  91         </div>\r
  92         <!-- dialog end -->\r
  93 </body>\r
  94 </html>\r