nemo-ui/src/main/resources/nemo/register.html

   1 <!DOCTYPE html>\r
   2 <html lang="en">\r
   3 <head>\r
   4         <meta charset="UTF-8">\r
   5         <title>nemo-register</title>\r
   6         <link rel="stylesheet" href="src/app/nemo/css/register.css">\r
   7          <script src="lib/jquery-2.1.4.min.js"></script>\r
   8          <script src="src/app/nemo/js/jquery.cookie.js"></script>\r
   9         <script>\r
  10         function setCookie(name,value,Days) \r
  11 { \r
  12     if(!Days) Days = 3; \r
  13     var exp = new Date(); \r
  14     exp.setTime(exp.getTime() + Days*24*60*60*1000); \r
  15     document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString()+';path=/'; \r
  16 } \r
  17 function getCookie(name) \r
  18 { \r
  19     var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");\r
  20  \r
  21     if(arr=document.cookie.match(reg)) \r
  22         return unescape(arr[2]); \r
  23     else \r
  24         return null; \r
  25 } \r
  26 \r
  27         //setCookie('username','user123');\r
  28         //alert(getCookie('username'));\r
  29          // jQuery.cookie('name', 'value');\r
  30      jQuery(document).ready(function ($) {\r
  31 \r
  32         var userInfoStorage={};\r
  33       function getUserId(username,userpwd){\r
  34         var userid = null;\r
  35          var users = localStorage.getItem("AllRegUserInfo");//localstorage data\r
  36                 if(users !=null && typeof(users)!="undefined")\r
  37                 {\r
  38                  var user_json= JSON.parse(users);\r
  39                  for(var i = 0;i<user_json.info.length;i++){\r
  40                         if(username == user_json.info[i]["userName"] && userpwd==user_json.info[i]["userPassword"]){\r
  41                                 userid = user_json.info[i]["id"];\r
  42                         }\r
  43                 }\r
  44             }\r
  45             return userid;\r
  46       }\r
  47    //getUserId();\r
  48       function getUserInfo(){\r
  49         var user_data;\r
  50         $.ajax({ \r
  51                             url: "/restconf/config/nemo-intent:users/", \r
  52                                 type:"GET",\r
  53                                 async: false,\r
  54                                 dataType:"json",\r
  55                                 success: function(data){\r
  56                                         console.log(data);      \r
  57                                 user_data= JSON.stringify(data);\r
  58                                 },\r
  59                                 error:function(data){\r
  60                                         console.log(data);\r
  61                                 }\r
  62                         });\r
  63         return user_data;\r
  64       }\r
  65       (function(){\r
  66         var cook_username=getCookie('nemo_username');\r
  67         var cook_userpwd=getCookie('nemo_userpwd');\r
  68         if(!cook_username) return;\r
  69         if(!cook_userpwd) return;\r
  70         if(cook_username=='admin'&&cook_userpwd=='admin'){\r
  71                 $("#pageContent").empty();\r
  72             $("#pageContent").load('src/app/nemo/nemo.tpl.html');\r
  73         }\r
  74       }());\r
  75       $("#usename").focus();\r
  76 //add enter evevt\r
  77       document.onkeydown = function(e){ \r
  78           var ev = document.all ? window.event : e;\r
  79            if(ev.keyCode==13) {\r
  80            $("#log_ok").click();\r
  81      }\r
  82 }\r
  83             $("#log_ok").click(function () {\r
  84                 //validate all use\r
  85                 // alert('test');\r
  86                 var userName = $("#usename").val().trim();\r
  87                 var userPassword = $("#usepwd").val().trim();\r
  88                 if (userName == "" || userPassword == "") {\r
  89                     alert("User name or Password can not be empty!");\r
  90                     return;\r
  91                 }\r
  92             if(userName.toLowerCase()=="admin"&&userPassword.toLowerCase()=="admin") {\r
  93             setCookie('nemo_username',userName);\r
  94                 setCookie('nemo_userpwd',userPassword);\r
  95             $("#pageContent").empty();\r
  96             $("#pageContent").load('src/app/nemo/nemo.tpl.html');\r
  97             }\r
  98             else{\r
  99             jQuery.ajax({\r
 100                         url: "/restconf/config/nemo-intent:users/",\r
 101                         type: "GET",\r
 102                         async: false,\r
 103                         dataType: "json",\r
 104                         success: function(data) {\r
 105                         console.log(data);\r
 106                         //data=JSON.stringify(data);\r
 107                         var name_data_list=data["users"]["user"];\r
 108                 for (var i in name_data_list) {\r
 109                         if (name_data_list[i]["user-name"] == userName) {\r
 110                                 if (name_data_list[i]["user-password"]==userPassword)\r
 111                                 {\r
 112                                         userInfoStorage.userName=userName;\r
 113                                         localStorage.setItem("nemo_userInfo",JSON.stringify(userInfoStorage));\r
 114                                 // setCookie('username',userName);\r
 115                                 // setCookie('username',userPassword);\r
 116                                 $("#pageContent").empty();\r
 117                         $("#pageContent").load('src/app/nemo/nemo.tpl.user.html');\r
 118                 return;\r
 119                             }\r
 120                             else{\r
 121                                 alert("User's password  is wrong!");\r
 122                                 return;\r
 123                             }\r
 124                         }\r
 125                     }\r
 126                     alert("There is no user named "+userName);\r
 127                         },\r
 128                         error: function(data) {console.log(data);}\r
 129                    });\r
 130             }\r
 131             });\r
 132                 \r
 133                  $("#log_reset").click(function(){\r
 134                         $("input").val('');\r
 135                  });\r
 136         });\r
 137 \r
 138 \r
 139     </script>\r
 140 </head>\r
 141 <body>\r
 142         <div id="logPage">\r
 143    <div class='nemo_info'>\r
 144         <img src="src/app/nemo/images/nemo-overview.png" width="500px" height="320px" alt="nemo-overview.png">\r
 145         <p>\r
 146         NEMO Language is an intent oriented network DSL (domain specific language), which is a language style network open interface. Operator/End-user or 3rd party can use it to program network resource and behavior in their service applications.\r
 147         </p>\r
 148    </div>\r
 149 \r
 150    <div id="login">\r
 151      <div id="log_title"><p>User Login</p></div>\r
 152      <div id="log_info">\r
 153                 <table border="0" >\r
 154                         <tr > \r
 155                                 <td width="90px">username:</td> \r
 156                                 <td > <input id="usename" type="text"></td>\r
 157                         </tr>\r
 158                         <tr> \r
 159                                 <td >password:</td> \r
 160                                 <td ><input id="usepwd" type="password"></td>\r
 161                         </tr>\r
 162                         <tr>\r
 163                                 <td  colspan="2" align="center" ><button id="log_ok">ok</button> <button id="log_reset">reset</button></td>                     \r
 164                         </tr>\r
 165                         \r
 166                 </table>\r
 167                 </div>\r
 168    </div>\r
 169    \r
 170         </div>\r
 171 </body>\r
 172 </html>\r