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="src/app/nemo/module/migrate.js"></script> -->\r
   9 \r
  10     <script src="src/app/nemo/module/keyWords.js"></script>\r
  11     <!-- // <script src="src/app/nemo/module/bod_userJson.js"></script> -->\r
  12     <script src="src/app/nemo/js/Nemo_Main.js"></script>\r
  13     <script src="src/app/nemo/js/Nemo_Annouce_vis.js"></script>\r
  14     <script src="src/app/nemo/js/phyNetwork.js"></script>\r
  15     <script src="src/app/nemo/js/intentTopo.js"></script>\r
  16 \r
  17     <script>\r
  18                 var user_str = localStorage.getItem("nemo_userInfo");\r
  19         console.log(user_str);\r
  20         jQuery(document).ready(function ($) {\r
  21         if(user_str){\r
  22             user_str=JSON.parse(user_str);\r
  23             var userName=user_str.userName;\r
  24             //get topo data\r
  25             $('.header p').html($('.header p').html().replace('xxx',userName));\r
  26             var user_data=getIntentInfoByName(userName,IntentInfos);\r
  27              analyjson_topo(user_data);\r
  28              parseNemoLan(user_data);\r
  29 \r
  30              //set keyWords style\r
  31            $("#nemo_str_show p").each(function(){\r
  32             var $res=$(this);\r
  33             keyWords.forEach(function(item,index,array){\r
  34                 // console.log(item);\r
  35                 $res.html($res.html().replace(item,"<span class='keyWords'>"+item+"</span>"));\r
  36             });\r
  37         });\r
  38 \r
  39         }      \r
  40         });\r
  41     </script>\r
  42 </head>\r
  43 <body>\r
  44       <div class="header"><p>Hello xxx!</p></div>\r
  45 \r
  46         <div class="group">\r
  47             <div class="up">\r
  48                 <div class="tabs">\r
  49                     <ul>\r
  50                         <li><a href="#intent_topo">NEMO Intent</a></li>\r
  51                     </ul>\r
  52 \r
  53                 <div id="intent_topo">\r
  54                     <svg id="service_svg"  width="800" height="560"  viewBox="100 40 900 780" style='display:none'>\r
  55                     <defs>\r
  56                     <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
  57                     <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
  58                     </defs>\r
  59                     </svg>\r
  60 \r
  61                     <svg id="service_svg2"  width="800" height="560"  viewBox="100 40 900 780">\r
  62                     <defs>\r
  63                     <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
  64                     <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
  65                     </defs>\r
  66                     </svg>\r
  67                 </div>\r
  68 \r
  69                 </div>\r
  70             </div>\r
  71 \r
  72             <div class="down">\r
  73                 <div class="tabs">\r
  74                     <ul>\r
  75                         <li><a href="#nemo_str_show">NEMO Language</a></li>\r
  76                     </ul>\r
  77     \r
  78                     <div id="nemo_str_show"></div>\r
  79                 </div>\r
  80             </div>\r
  81 \r
  82         </div>\r
  83 \r
  84         <!-- dialog start -->\r
  85         <div id="dialog" title="warning">\r
  86             <p>\r
  87                 \r
  88             </p>\r
  89         </div>\r
  90         <!-- dialog end -->\r
  91 </body>\r
  92 </html>\r