├── .dockerignore
├── .gitignore
├── ChromeExtension
    ├── abc.js
    ├── admin.js
    ├── icon128.png
    ├── icon16.png
    ├── icon48.png
    ├── index.html
    ├── lib
    │   └── wsc-chrome.js
    ├── manifest.json
    ├── sr
    │   ├── index.html
    │   ├── main.css
    │   └── main.js
    ├── test.js
    └── wsc-chrome.js
├── Dockerfile
├── LICENSE
├── README.md
├── Samples
    └── AspDotCore
    │   └── WebApp
    │       ├── WebApp.sln
    │       └── WebApp
    │           ├── Controllers
    │               ├── HomeController.cs
    │               ├── LoginController.cs
    │               ├── NotificationController.cs
    │               └── TestController.cs
    │           ├── Hubs
    │               ├── SampleHub.cs
    │               └── SecuredHub.cs
    │           ├── Images
    │               ├── Advance_Token.gif
    │               ├── Basic_View.gif
    │               ├── Basic_View_Json_Param.gif
    │               ├── Basic_View_Multi_Param.gif
    │               └── Server_Broadcast_Msg.gif
    │           ├── Models
    │               ├── Address.cs
    │               ├── ErrorViewModel.cs
    │               └── User.cs
    │           ├── Program.cs
    │           ├── Properties
    │               └── launchSettings.json
    │           ├── Readme.md
    │           ├── SignalRWebClient
    │               ├── 48cec457a2842b4db342ce5a7efe615a.wav
    │               ├── index.html
    │               ├── main.css
    │               └── main.js
    │           ├── Startup.cs
    │           ├── Views
    │               ├── Home
    │               │   ├── Index.cshtml
    │               │   └── Privacy.cshtml
    │               ├── Shared
    │               │   ├── Error.cshtml
    │               │   ├── _CookieConsentPartial.cshtml
    │               │   ├── _Layout.cshtml
    │               │   └── _ValidationScriptsPartial.cshtml
    │               ├── _ViewImports.cshtml
    │               └── _ViewStart.cshtml
    │           ├── WebApp.csproj
    │           ├── appsettings.Development.json
    │           ├── appsettings.json
    │           └── wwwroot
    │               ├── css
    │                   └── site.css
    │               ├── favicon.ico
    │               ├── index.html
    │               ├── js
    │                   └── site.js
    │               ├── lib
    │                   ├── bootstrap
    │                   │   ├── LICENSE
    │                   │   └── dist
    │                   │   │   ├── css
    │                   │   │       ├── bootstrap-grid.css
    │                   │   │       ├── bootstrap-grid.css.map
    │                   │   │       ├── bootstrap-grid.min.css
    │                   │   │       ├── bootstrap-grid.min.css.map
    │                   │   │       ├── bootstrap-reboot.css
    │                   │   │       ├── bootstrap-reboot.css.map
    │                   │   │       ├── bootstrap-reboot.min.css
    │                   │   │       ├── bootstrap-reboot.min.css.map
    │                   │   │       ├── bootstrap.css
    │                   │   │       ├── bootstrap.css.map
    │                   │   │       ├── bootstrap.min.css
    │                   │   │       └── bootstrap.min.css.map
    │                   │   │   └── js
    │                   │   │       ├── bootstrap.bundle.js
    │                   │   │       ├── bootstrap.bundle.js.map
    │                   │   │       ├── bootstrap.bundle.min.js
    │                   │   │       ├── bootstrap.bundle.min.js.map
    │                   │   │       ├── bootstrap.js
    │                   │   │       ├── bootstrap.js.map
    │                   │   │       ├── bootstrap.min.js
    │                   │   │       └── bootstrap.min.js.map
    │                   ├── jquery-validation-unobtrusive
    │                   │   ├── LICENSE.txt
    │                   │   ├── jquery.validate.unobtrusive.js
    │                   │   └── jquery.validate.unobtrusive.min.js
    │                   ├── jquery-validation
    │                   │   ├── LICENSE.md
    │                   │   └── dist
    │                   │   │   ├── additional-methods.js
    │                   │   │   ├── additional-methods.min.js
    │                   │   │   ├── jquery.validate.js
    │                   │   │   └── jquery.validate.min.js
    │                   └── jquery
    │                   │   ├── LICENSE.txt
    │                   │   └── dist
    │                   │       ├── jquery.js
    │                   │       ├── jquery.min.js
    │                   │       └── jquery.min.map
    │               ├── main.css
    │               └── main.js
├── _config.yml
├── dist
    ├── 48cec457a2842b4db342ce5a7efe615a.wav
    ├── index.html
    ├── main.css
    └── main.js
├── package-lock.json
├── package.json
├── src
    ├── Index.html
    ├── assets
    │   ├── Notification.wav
    │   └── Ting.mp3
    ├── css
    │   ├── lib
    │   │   ├── bootstrap.css
    │   │   └── bootstrap.js
    │   └── main.css
    ├── images
    │   ├── 1.PNG
    │   ├── 2.PNG
    │   ├── 3.PNG
    │   ├── 4.PNG
    │   ├── 5.PNG
    │   ├── Advance_Token.gif
    │   ├── Basic_View.gif
    │   ├── Basic_View_ Multi_Param.gif
    │   ├── Basic_View_Json_Param.gif
    │   ├── Server_Broadcast_Msg.gif
    │   ├── SignalR-Web-Client.jpg
    │   └── delete.png
    └── js
    │   ├── components
    │       ├── app.component.js
    │       ├── dialogbox
    │       │   ├── custompopup.js
    │       │   └── custompopupStyle.css
    │       ├── logic
    │       │   ├── app.logic.js
    │       │   └── lib
    │       │   │   ├── app.common.js
    │       │   │   └── app.signalr.js
    │       ├── srform.component.js
    │       └── srform.js
    │   └── main.js
└── webpack.config.js


/.dockerignore:
--------------------------------------------------------------------------------
 1 | **/.classpath
 2 | **/.dockerignore
 3 | **/.env
 4 | **/.git
 5 | **/.gitignore
 6 | **/.project
 7 | **/.settings
 8 | **/.toolstarget
 9 | **/.vs
10 | **/.vscode
11 | **/*.*proj.user
12 | **/*.dbmdl
13 | **/*.jfm
14 | **/azds.yaml
15 | **/bin
16 | **/charts
17 | **/docker-compose*
18 | **/Dockerfile*
19 | **/node_modules
20 | **/npm-debug.log
21 | **/obj
22 | **/secrets.dev.yaml
23 | **/values.dev.yaml
24 | LICENSE
25 | README.md


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | /node_modules
 2 | 
 3 | # User-specific files
 4 | *.suo
 5 | *.user
 6 | *.sln.docstates
 7 | 
 8 | # dotnet stuff
 9 | project.lock.json
10 | 
11 | # Build results
12 | [Dd]ebug/
13 | [Rr]elease/
14 | x64/
15 | [Bb]in/
16 | [Oo]bj/
17 | 
18 | #project files
19 | .vs/


--------------------------------------------------------------------------------
/ChromeExtension/abc.js:
--------------------------------------------------------------------------------
 1 | function init() {
 2 |     console.log('App launch');
 3 | 
 4 |     var url = document.getElementById('server-url').value;
 5 |     var port = document.getElementById('server-port').value;
 6 | 
 7 |     debugger;
 8 |     startWebserver(url, port, 'SR', null);
 9 | 
10 | 
11 | 
12 |     function startWebserverDirectoryEntry(host,port,entry) {
13 |       directoryServer = new WSC.WebApplication({host:host,
14 |                                                 port:port,
15 |                                                 renderIndex:true,
16 |                                                 entry:entry
17 |                                                })
18 |       directoryServer.start()
19 |     }
20 |   
21 |     //directory must be a subdirectory of the package
22 |     function startWebserver(host,port,directory,settings){
23 |       chrome.runtime.getPackageDirectoryEntry(function(packageDirectory){
24 |   
25 |         console.log('packageDirectory - ' + packageDirectory);
26 |         var data1 = packageDirectory.getDirectory(directory,{create: false},function(webroot){
27 |   
28 |           console.log('webroot - ' + webroot);
29 |           debugger;
30 |   
31 |           var fs = new WSC.FileSystem(webroot)
32 |           var handlers = [['/data.*', AdminDataHandler],
33 |                           ['.*', WSC.DirectoryEntryHandler.bind(null, fs)]]
34 |           adminServer = new WSC.WebApplication({host:host,
35 |                                                 port:port,
36 |                                                 handlers:handlers,
37 |                                                 renderIndex:true,
38 |                                                 auth:{ username: "a",
39 |                                                        password: "a" }
40 |                                                })
41 |           adminServer.start()
42 |         }, function(e) { 
43 | 
44 |           console.log('error g');
45 |           console.log(e);
46 |         });
47 |   
48 |       });
49 |       // console.log('data1');
50 |       // console.log(data1);
51 |     }
52 | }
53 | 
54 | window.onload = function () {
55 |     debugger;
56 |     document.querySelector("#server-start").addEventListener("click", function() {
57 | 
58 | 
59 |         var url = document.getElementById('server-url').value;
60 |         var port = document.getElementById('server-port').value;
61 | 
62 |         var srWcServer = { Url: url, Port: port };
63 | 
64 |         chrome.storage.sync.set({'srWcServerInfo': srWcServer});
65 |         chrome.runtime.sendMessage('demo');
66 | 
67 |         //   chrome.storage.sync.get(['srWcServerInfo'], function(result) {
68 |         //     console.log('Value currently is ' + result.srWcServerInfo);
69 |         //     console.log('Value currently is ' + result);
70 |         //   });
71 |     } );
72 | };


--------------------------------------------------------------------------------
/ChromeExtension/admin.js:
--------------------------------------------------------------------------------
 1 | function AdminDataHandler(request) {
 2 |   WSC.BaseHandler.prototype.constructor.call(this)
 3 | }
 4 | _.extend(AdminDataHandler.prototype, {
 5 |   put: function() {
 6 | 
 7 |     var newData = this.request.bodyparams
 8 | 
 9 |     chrome.storage.local.get(null, function(data) {
10 | 
11 |       var saveData = {}
12 |       var restart = false;
13 |       for(var key in newData){
14 |         var value = newData[key]
15 |         if(data.hasOwnProperty(key)){
16 |           data[key] = value;
17 |           saveData[key] = value;
18 |           if(key == "url"){
19 |             chrome.runtime.sendMessage({url: value});
20 |           }
21 |         }else if(key == "restart"){
22 |           restart = true;
23 |         }
24 |       }
25 |       chrome.storage.local.set(saveData);
26 |       this.setHeader('content-type','text/json')
27 |       var buf = new TextEncoder('utf-8').encode(JSON.stringify(data)).buffer
28 |       this.write(buf)
29 |       this.finish()
30 | 
31 |       if(restart) setTimeout( function() {
32 |         // allow writing out response first.
33 |         chrome.runtime.sendMessage('reload');
34 |       }, 1000 )
35 |                               
36 |       
37 |     }.bind(this))
38 | 
39 |   },
40 |   get: function() {
41 |     chrome.storage.local.get(null, function(data) {
42 |       this.setHeader('content-type','text/json')
43 |       var buf = new TextEncoder('utf-8').encode(JSON.stringify(data)).buffer
44 |       this.write(buf)
45 |       this.finish()
46 |     }.bind(this))
47 |   }
48 | }, WSC.BaseHandler.prototype)
49 | 


--------------------------------------------------------------------------------
/ChromeExtension/icon128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/ChromeExtension/icon128.png


--------------------------------------------------------------------------------
/ChromeExtension/icon16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/ChromeExtension/icon16.png


--------------------------------------------------------------------------------
/ChromeExtension/icon48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/ChromeExtension/icon48.png


--------------------------------------------------------------------------------
/ChromeExtension/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <!-- <script src="./admin.js"></script> -->
 6 |   <!-- <script src="./wsc-chrome.js"></script> -->
 7 |   <script src="./abc.js"></script>
 8 |   <!-- <script >
 9 | 
10 | 
11 |   
12 |   function init() {
13 |     console.log('App launch');
14 | 
15 |     var url = document.getElementById('server-url').value;
16 |     var port = document.getElementById('server-port').value;
17 | 
18 |     debugger;
19 |     startWebserver(url, port, 'SR', null);
20 | 
21 | 
22 | 
23 |     function startWebserverDirectoryEntry(host,port,entry) {
24 |       directoryServer = new WSC.WebApplication({host:host,
25 |                                                 port:port,
26 |                                                 renderIndex:true,
27 |                                                 entry:entry
28 |                                                })
29 |       directoryServer.start()
30 |     }
31 |   
32 |     //directory must be a subdirectory of the package
33 |     function startWebserver(host,port,directory,settings){
34 |       chrome.runtime.getPackageDirectoryEntry(function(packageDirectory){
35 |   
36 |         console.log('packageDirectory - ' + packageDirectory);
37 |         var data1 = packageDirectory.getDirectory(directory,{create: false},function(webroot){
38 |   
39 |           console.log('webroot - ' + webroot);
40 |           debugger;
41 |   
42 |           var fs = new WSC.FileSystem(webroot)
43 |           var handlers = [['/data.*', AdminDataHandler],
44 |                           ['.*', WSC.DirectoryEntryHandler.bind(null, fs)]]
45 |           adminServer = new WSC.WebApplication({host:host,
46 |                                                 port:port,
47 |                                                 handlers:handlers,
48 |                                                 renderIndex:true,
49 |                                                 auth:{ username: "a",
50 |                                                        password: "a" }
51 |                                                })
52 |           adminServer.start()
53 |         }, function(e) { 
54 | 
55 |           console.log('error g');
56 |           console.log(e);
57 |         });
58 |   
59 |       });
60 |       // console.log('data1');
61 |       // console.log(data1);
62 |     }
63 | }
64 |   
65 |   </script> -->
66 | </head>
67 | <body>
68 |   <h1>Hello, let's code!</h1>
69 |   <div id="setting" >
70 |     <div id="setting-form">
71 |         <div id="#form-url">
72 |             <label for="">Url</label>
73 |             <input type="text" id="server-url" value="127.0.0.1">
74 |         </div>
75 |         <div id="#form-port">
76 |                 <label for="">Port</label>
77 |                 <input type="text" id="server-port" value="808">
78 |         </div>
79 |         <div id="#form-save">
80 |                 <label for="">Url</label>
81 |                 <input type="button" id="server-start" value="Start Server">
82 |         </div>
83 |     </div>
84 |   </div>
85 | </body>
86 | </html>


--------------------------------------------------------------------------------
/ChromeExtension/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "manifest_version": 2,
 3 |     "name": "SignalR",
 4 |     "version": "1.0",
 5 |     "description": "SignalR",
 6 |     "icons": {
 7 |         "128": "icon128.png",
 8 |         "48": "icon48.png",
 9 |         "16": "icon16.png"
10 |      },
11 | 
12 |      "app": {
13 |         "background": {
14 |           "scripts": ["wsc-chrome.js", "admin.js", "test.js"],
15 |           "persistent": false
16 |         }
17 |       },
18 |       
19 |       "sockets":{
20 |         "tcpServer": {
21 |           "listen": "*"
22 |         }
23 |       },
24 | 
25 |       "permissions": [
26 |         "<all_urls>",
27 |         "system.display",
28 |         "system.network",
29 |         "power",
30 |         "webview",
31 |         "alwaysOnTopWindows",
32 |         "storage",
33 |         "app.window.fullscreen",
34 |         "app.window.fullscreen.overrideEsc",
35 |         {"fileSystem": ["directory","retainEntries"]}
36 |       ],
37 |       "optional_permissions": [ "audioCapture", "videoCapture" ]
38 |     
39 | }


--------------------------------------------------------------------------------
/ChromeExtension/sr/index.html:
--------------------------------------------------------------------------------
1 | <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content="width=device-width,initial-scale=1"> <meta http-equiv=X-UA-Compatible content="ie=edge"> <title>SignalR Web Client</title> <link rel=icon href=data:,> <link href="main.css" rel="stylesheet"></head> <body> <div class=container> <h1>SignalR Web Client</h1> <src-app></src-app> </div> <script src=./main.js></script> <script type="text/javascript" src="main.js"></script></body> </html>


--------------------------------------------------------------------------------
/ChromeExtension/test.js:
--------------------------------------------------------------------------------
 1 | //chrome.app.runtime.onLaunched.addListener(init);
 2 | 
 3 | chrome.app.runtime.onLaunched.addListener(
 4 |   function () {
 5 |     chrome.app.window.create('index.html', {
 6 |       id: 'main',
 7 |       bounds: { width: 620, height: 500 }
 8 |     });
 9 |   }
10 | );
11 | 
12 | chrome.runtime.onMessage.addListener(function(request,sender,sendResponse){
13 |   if(request == "demo"){
14 |       chrome.storage.sync.get(['srWcServerInfo'], function(result) {
15 |             console.log('Value currently is ' + result.srWcServerUrl);
16 |             console.log('Value currently is ' + result);
17 | 
18 |             debugger;
19 |             var url = result.srWcServerInfo.Url;
20 |             var port = parseInt(result.srWcServerInfo.Port);
21 |             init(url, port)
22 | 
23 | 
24 |           });
25 |   }
26 | });
27 | 
28 | // chrome.app.window.create('index.html', {
29 | //   id: 'main',
30 | //   bounds: { width: 620, height: 500 }
31 | // });
32 | 
33 | function init(url, port) {
34 |     console.log('App launch');
35 |     //startWebserver('127.0.0.1', 8085, 'SR', null);
36 |     startWebserver(url, port, 'SR', null);
37 | 
38 | 
39 | 
40 |     function startWebserverDirectoryEntry(host,port,entry) {
41 |       directoryServer = new WSC.WebApplication({host:host,
42 |                                                 port:port,
43 |                                                 renderIndex:true,
44 |                                                 entry:entry
45 |                                                })
46 |       directoryServer.start()
47 |     }
48 |   
49 |     //directory must be a subdirectory of the package
50 |     function startWebserver(host,port,directory,settings){
51 |       chrome.runtime.getPackageDirectoryEntry(function(packageDirectory){
52 |   
53 |         console.log('packageDirectory - ' + packageDirectory);
54 |         var data1 = packageDirectory.getDirectory(directory,{create: false},function(webroot){
55 |   
56 |           console.log('webroot - ' + webroot);
57 |           debugger;
58 |   
59 |           var fs = new WSC.FileSystem(webroot)
60 |           var handlers = [['/data.*', AdminDataHandler],
61 |                           ['.*', WSC.DirectoryEntryHandler.bind(null, fs)]]
62 |           adminServer = new WSC.WebApplication({host:host,
63 |                                                 port:port,
64 |                                                 handlers:handlers,
65 |                                                 renderIndex:true,
66 |                                                 auth:{ username: "a",
67 |                                                        password: "a" }
68 |                                                }, function(e) {
69 |                                                   console.log('error g2');
70 |                                                   console.log(e);
71 |                                                });
72 | 
73 |                                             try {
74 |                                               adminServer.start()
75 |                                             } catch (error) {
76 |                                               console.log('error g2');
77 |                                               console.log(e);
78 |                                      
79 |                                             }
80 |           
81 |           
82 |     }, function(e) { 
83 | 
84 |           console.log('error g');
85 |           console.log(e);
86 | 
87 | 
88 |         });
89 |   
90 |       });
91 |       // console.log('data1');
92 |       // console.log(data1);
93 |     }
94 | }
95 | 
96 | 


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM nginx
2 | COPY /dist /usr/share/nginx/html
3 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2020 gourav-d
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | SignalR Web Client
  2 | ======================
  3 | 
  4 |  It is a debugging tool to test ASP.Net Core SignalR hubs. Using this tool, we can send the data to the SignalR hub and receive a response from the SignalR Hub. The tool is designed for DotNet core developers to make their life easier when they will work with SignalR. Developer's, no need to write a single line of code to test the Hub. SignalR Web Client is available [here](https://gourav-d.github.io/SignalR-Web-Client/dist/).
  5 | 
  6 | <p align="center">
  7 |   <img src="./src/images/SignalR-Web-Client.jpg" >
  8 |   <br>
  9 | </p>
 10 | 
 11 | <div align="center" style="width: 1000px; height: 600px;">
 12 |     <img src="./src/images/Basic_View.gif" width="100%" height="100%">
 13 | </div>
 14 | 
 15 | <br/><br/><br/>
 16 | *Table of Contents*
 17 | 
 18 | 
 19 | 
 20 | - [SignalR Web Client](#signalr-web-client)
 21 | - [Prior Knowledge](#prior-knowledge)
 22 | - [Prerequisite](#prerequisite)
 23 | - [Installation](#installation)
 24 | - [How it works?](#how-it-works)
 25 |     - [Basic View](#basic-view)
 26 |       - [Server Method:](#server-method)
 27 |       - [Request Payload:](#request-payload)
 28 |       - [Data Type supports:](#data-type-supports)
 29 |     - [Advance View](#advance-view)
 30 | - [Reporting Issues](#reporting-issues)
 31 | - [Samples](#samples)
 32 | - [Upcoming Features](#upcoming-features)
 33 | - [Technologies](#technologies)
 34 | - [ASP.Net Core Support](#aspnet-core-support)
 35 | - [Browser Support](#browser-support)
 36 | - [License](#license)
 37 | 
 38 | 
 39 | # Prior Knowledge
 40 | 
 41 | Before using this tool, you should know about:
 42 | 
 43 | - [What is Asp.Net Core?](https://dotnet.microsoft.com/learn/aspnet/what-is-aspnet-core)
 44 | - [What is SignalR in Asp.Net Core?](https://docs.microsoft.com/en-us/aspnet/core/signalr/introduction?view=aspnetcore-3.0)
 45 | 
 46 | # Prerequisite
 47 | 
 48 | - Node.Js 
 49 | - Npm
 50 | - Git
 51 | 
 52 | # Installation
 53 | 
 54 | SignalR Web Client is available [here](https://gourav-d.github.io/SignalR-Web-Client/dist/).
 55 | 
 56 | To set up in local environment:
 57 | 
 58 | 1. Clone repository.<br/>
 59 |    Open cmd and run the below command:
 60 |     ```
 61 |     git clone "https://github.com/gourav-d/SignalR-Web-Client.git"
 62 |     ```
 63 | 2. Once the cloning is completed, go to the "SignalR-Web-Client" folder.
 64 |    ```
 65 |    cd SignalR-Web-Client
 66 |    ```
 67 | 3. The **tool needs to be run under some server**. This is one of the requirements of the SignalR library. So, if you already have a running server, then copy the content of "SignalR-Web-Client\dist" folder and put it on your server.<br/>
 68 |    If you don't have a server or wants to run the tool in a different server, no worry.<br/>
 69 |   Will tell you two approaches to run this tool.
 70 |      1.  ***Using http server(npm)*** <br/>
 71 |           Here, we will install http-server and then we will host SignalR Web Client(published files) using this server.<br/>
 72 |           ```
 73 |           npm install http-server -g
 74 |           ```
 75 |           Then go to "SignalR-Web-Client\dist" folder, and run the below command:<br/>
 76 |           ```
 77 |           http-server
 78 |           ```
 79 |           It will start the http-server and host the application. 
 80 |           ```
 81 |               Starting up http-server, serving ./
 82 |               Available on:
 83 |               http://192.168.1.5:8080
 84 |               http://127.0.0.1:8080
 85 |               http://172.18.96.166:8080
 86 |               Hit CTRL-C to stop the server
 87 |           ```
 88 |    
 89 |      2. ***Using Webpack Dev Server*** <br/>
 90 |           Here, we will not use the published files. Instead, we will build the tool and then run under the webpack dev server.<br/>
 91 |           *NOTE*:: If you want to customize the tool, then you can you this approach.
 92 |           ```
 93 |           npm install
 94 |           npm run dev
 95 |           ```
 96 |               First, it will install the npm packages, then start the webpack-dev-server and host the application.
 97 |           ```
 98 |             > signalr-web-client@1.0.0 dev C:\demo\SignalR-Web-Client
 99 |             > webpack-dev-server --content-base dist --hot --mode development
100 | 
101 |             i ｢wds｣: Project is running at http://localhost:8080/
102 |             i ｢wds｣: webpack output is served from /
103 |           ```
104 | 4. This step is required if SignalR Web client and Hub server hosted separately.<br/>
105 |     ex: Hub Server is running on http://localhost:5001 and <br/>
106 |         SignalR Web client is running on : http://localhost:8080<br/>
107 |     
108 |     In such a case, we have to inform the Hub Server, that allows SignalR Web Client (http://localhost:8080) origin.
109 | 
110 | ```csharp
111 | Startup.cs
112 | 
113 | public void Configure(IApplicationBuilder app, IHostingEnvironment env)
114 | {
115 |     ...
116 |     //CORS: This required when SignalR Web client is hosted on different server
117 |     app.UseCors("Cors");
118 |     ...
119 |     app.UseSignalR(option => {
120 |         //You'r Hub
121 |         //option.MapHub<SampleHub>(new PathString("/Test/Hub"));
122 |     });
123 | }
124 | 
125 | public void ConfigureServices(IServiceCollection services)
126 | {
127 |     //CORS: This required when SignalR Web client is hosted on different server
128 |     services.AddCors(options => options.AddPolicy("Cors", builder =>
129 |     {
130 |       builder
131 |         .AllowAnyMethod()
132 |         .AllowAnyHeader()
133 |         .AllowCredentials()
134 |         .WithOrigins("http://localhost:8080"); //SignalR Web Client Url
135 |     }));
136 | 
137 |     ...
138 |     services.AddSignalR();
139 | 
140 |   ...
141 | }
142 | ```
143 | refer this [Startup.cs file](https://github.com/gourav-d/SignalR-Web-Client/blob/master/Samples/AspDotCore/WebApp/WebApp/Startup.cs#L30)
144 |       
145 | 
146 | # Run SignalR Web Client using Docker
147 | ```
148 | $ docker pull gourav5/signalr-web-client
149 | 
150 | $ docker run -it -d -p 8080:80 gourav5/signalr-web-client
151 | ```
152 | Then you can hit http://localhost:8080 or http://host-ip:8080 in your browser.
153 | 
154 | 
155 | # How it works?
156 | 
157 | SignalR Web Client has two views:
158 | 1. Basic
159 |      - Send data to Hub
160 |      - Listen to the hub broadcast messages
161 | 2. Advance
162 |      - Send data to Hub
163 |      - Listen to the hub broadcast messages
164 |      - Support token-based authentication
165 |      - Support multiple transport type (like *WebSocket, Long Polling, Server Send Event*)
166 |      - Skip Negotiation, this feature only supported when the WebSockets transport is the only enabled transport. This setting can't be enabled when using the Azure SignalR Service.
167 |   
168 | ### Basic View
169 | 
170 | 
171 | <div align="center" style="width: 1000px; height: 600px;">
172 |     <img src="./src/images/Basic_View_Json_Param.gif" width="100%" height="100%">
173 | </div>
174 | 
175 | 
176 | 1. Provide the valid hub URL in *Hub Address* textbox.(for ex. https://localhost:5001/Test/Hub).
177 | 
178 | 2. Click on the connect button, it will try to connect with the server. Once the connection is established, if any data is broadcast from the Hub(ex. SampleHub) to all the clients then, it will be displayed in the response payload section.
179 | 
180 | 3. If we want to call any Hub method. For example SendMessage method
181 | ```csharp
182 | public class SampleHub : Hub
183 | {
184 |     public async Task SendMessage(string data)
185 |     {
186 |         var connectionId = Context.ConnectionId;
187 |         await Clients.Client(connectionId).SendAsync("ReceiveData", $"Data Received from  SendMessage method: {data}");
188 |     }
189 | }
190 | ```
191 | In the tool, we have to pass the parameter.
192 | 
193 | #### Server Method: 
194 |     SendMessage
195 | 
196 | #### Request Payload:
197 |     It can take multiple parameters. In our example, SendMessage method only takes one parameter of type string. 
198 |     ex. SendMessage(string data)
199 |         
200 |         Argument textbox  :  Hello
201 |         Data Type         :  Text
202 | 
203 | #### Data Type supports:
204 |     Currently, the tool supports these data types Text, Number & JSON.
205 | 
206 | <img src="./src/images/5.PNG" width="300px" height="300px" />
207 | 
208 | 4. Then click on the send button. It will send all the data to the hub. 
209 | 
210 | 
211 | ### Advance View
212 | 
213 | It has all the functionality which basic view provides, also it has additional features like:
214 | - Authentication Header -> We can use you this when Hub is protected using token-based authentication.
215 | - Skip Negotiation -> This only supported when the WebSockets transport is the only enabled transport. This setting can't be enabled when using the Azure SignalR Service.
216 | - Transport Type ([To know more about SignalR Transport](https://kevgriffin.com/signalr-transports-explained/)) -> WebSocket, Long Polling, Server Send Event 
217 |   
218 | 
219 |  <div align="center" style="width: 1000px; height: 600px;">
220 |     <img src="./src/images/Advance_Token.gif" width="100%" height="100%">
221 | </div>
222 | 
223 | 
224 | # Reporting Issues
225 | 
226 | Nothing is perfect.
227 | - Found an issue?
228 | - Need feature/enhancement
229 | 
230 | Then, just open a [new clear and descriptive issue](../../issues/new).
231 | 
232 | 
233 | # Samples
234 | 
235 | [Samples are available here](https://github.com/gourav-d/SignalR-Web-Client/tree/master/Samples/AspDotCore/WebApp/WebApp)
236 | 
237 | # Upcoming Features
238 | - Data Streaming Listener
239 | - SignalR Web Client Chrome Extension
240 | - Support for MessagePack Protocol (Currently, it support only JSON Protocol)
241 | 
242 | # Technologies
243 | - Aspnet-Signalr 1.1.4
244 | - Bootstrap 4.3.1
245 | - [Mitt](https://github.com/developit/mitt)
246 | - WebComponentsJs 2.2.10
247 | 
248 | # ASP.Net Core Support
249 | Currently, it works well with ASP.Net Core 2.2, 3.0 & 3.1.
250 | 
251 | # Browser Support
252 | Currently, it supports only the chrome browser.
253 | 
254 | # License
255 | 
256 | [MIT License](https://opensource.org/licenses/MIT)
257 | 
258 | ---
259 | Copyright &copy; 2020,
260 | Created by [Gourav Dwivedi](https://github.com/gourav-d).
261 | Released under the terms of the [MIT license](https://github.com/gourav-d/SignalR-Web-Client/blob/master/LICENSE).
262 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp.sln:
--------------------------------------------------------------------------------
 1 | 
 2 | Microsoft Visual Studio Solution File, Format Version 12.00
 3 | # Visual Studio 15
 4 | VisualStudioVersion = 15.0.28307.421
 5 | MinimumVisualStudioVersion = 10.0.40219.1
 6 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "WebApp", "WebApp\WebApp.csproj", "{448ECEA3-90BF-4C2A-A608-6525D5C36E4D}"
 7 | EndProject
 8 | Global
 9 | 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
10 | 		Debug|Any CPU = Debug|Any CPU
11 | 		Release|Any CPU = Release|Any CPU
12 | 	EndGlobalSection
13 | 	GlobalSection(ProjectConfigurationPlatforms) = postSolution
14 | 		{448ECEA3-90BF-4C2A-A608-6525D5C36E4D}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
15 | 		{448ECEA3-90BF-4C2A-A608-6525D5C36E4D}.Debug|Any CPU.Build.0 = Debug|Any CPU
16 | 		{448ECEA3-90BF-4C2A-A608-6525D5C36E4D}.Release|Any CPU.ActiveCfg = Release|Any CPU
17 | 		{448ECEA3-90BF-4C2A-A608-6525D5C36E4D}.Release|Any CPU.Build.0 = Release|Any CPU
18 | 	EndGlobalSection
19 | 	GlobalSection(SolutionProperties) = preSolution
20 | 		HideSolutionNode = FALSE
21 | 	EndGlobalSection
22 | 	GlobalSection(ExtensibilityGlobals) = postSolution
23 | 		SolutionGuid = {F4E13EB3-F114-45E4-A039-760BDB96EB5F}
24 | 	EndGlobalSection
25 | EndGlobal
26 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Controllers/HomeController.cs:
--------------------------------------------------------------------------------
 1 | using Microsoft.AspNetCore.Mvc;
 2 | using System.Diagnostics;
 3 | using WebApp.Models;
 4 | 
 5 | namespace WebApp.Controllers
 6 | {
 7 | 	public class HomeController : Controller
 8 | 	{
 9 | 		public IActionResult Index()
10 | 		{
11 | 			return View();
12 | 		}
13 | 
14 | 		public IActionResult Privacy()
15 | 		{
16 | 			return View();
17 | 		}
18 | 
19 | 		[ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
20 | 		public IActionResult Error()
21 | 		{
22 | 			return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
23 | 		}
24 | 	}
25 | }
26 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Controllers/LoginController.cs:
--------------------------------------------------------------------------------
 1 | using Microsoft.AspNetCore.Authorization;
 2 | using Microsoft.AspNetCore.Mvc;
 3 | using Microsoft.Extensions.Configuration;
 4 | using Microsoft.IdentityModel.Tokens;
 5 | using System;
 6 | using System.Collections.Generic;
 7 | using System.IdentityModel.Tokens.Jwt;
 8 | using System.Text;
 9 | 
10 | namespace WebApp.Controllers
11 | {
12 | 	[Route("api/[controller]")]
13 | 	[ApiController]
14 | 	public class LoginController : Controller
15 |     {
16 | 		private IConfiguration _config;
17 | 
18 | 		public LoginController(IConfiguration config)
19 | 		{
20 | 			_config = config;
21 | 		}
22 | 
23 | 		[AllowAnonymous]
24 | 		[HttpGet("~/GetToken")]
25 | 		public IActionResult GetToken(string username, string password)
26 | 		{
27 | 			var login = new UserModel{ Username = username, Password = password };
28 | 			IActionResult response = Unauthorized();
29 | 			var user = AuthenticateUser(login);
30 | 
31 | 			if (user != null)
32 | 			{
33 | 				var tokenString = GenerateJSONWebToken(user);
34 | 				response = Ok(new { token = tokenString });
35 | 			}
36 | 
37 | 			return response;
38 | 		}
39 | 
40 | 		[HttpGet]
41 | 		[Authorize]
42 | 		public ActionResult<IEnumerable<string>> Get()
43 | 		{
44 | 			return new string[] { "value1", "value2", "value3", "value4", "value5" };
45 | 		}
46 | 
47 | 		private string GenerateJSONWebToken(UserModel userInfo)
48 | 		{
49 | 			var securityKey = new SymmetricSecurityKey(Encoding.UTF8.GetBytes(_config["Jwt:Key"]));
50 | 			var credentials = new SigningCredentials(securityKey, SecurityAlgorithms.HmacSha256);
51 | 
52 | 			var token = new JwtSecurityToken(_config["Jwt:Issuer"],
53 | 			  _config["Jwt:Issuer"],
54 | 			  null,
55 | 			  expires: DateTime.Now.AddMinutes(120),
56 | 			  signingCredentials: credentials);
57 | 
58 | 			return new JwtSecurityTokenHandler().WriteToken(token);
59 | 		}
60 | 
61 | 		private UserModel AuthenticateUser(UserModel login)
62 | 		{
63 | 			UserModel user = null;
64 | 
65 | 			if (login.Username == "admin" && login.Password == "admin")
66 | 			{
67 | 				user = new UserModel { Username = "Test", EmailAddress = "test@test.com" };
68 | 			}
69 | 			return user;
70 | 		}
71 | 	}
72 | 
73 | 	public class UserModel
74 | 	{
75 | 		public string Username { get; set; }
76 | 		public string EmailAddress { get; set; }
77 | 		public string Password { get; set; }
78 | 	}
79 | }


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Controllers/NotificationController.cs:
--------------------------------------------------------------------------------
 1 | using Microsoft.AspNetCore.Mvc;
 2 | using Microsoft.AspNetCore.SignalR;
 3 | using System.Threading.Tasks;
 4 | using WebApp.Hubs;
 5 | 
 6 | namespace WebApp.Controllers
 7 | {
 8 | 	public class NotificationController : Controller
 9 |     {
10 | 		private IHubContext<SampleHub> _hubContext;
11 | 
12 | 		public NotificationController(IHubContext<SampleHub> hubContext)
13 | 		{
14 | 			_hubContext = hubContext;
15 | 		}
16 | 
17 | 		[HttpGet]
18 | 		public IActionResult Send(string message)
19 | 		{
20 | 			var task = Task.Run(async() =>
21 | 			{
22 | 				for (int i = 0; i < 5; i++)
23 | 				{
24 | 					await _hubContext.Clients.All.SendAsync("ReceiveData", $"This message has been sent from Web API. Here is your message - {message}");
25 | 					await Task.Delay(1500);
26 | 				}
27 | 			});
28 | 			return new JsonResult($"Message has been sent to all the clients");
29 | 		}
30 | 	}
31 | }


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Controllers/TestController.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Threading.Tasks;
 5 | using Microsoft.AspNetCore.Http;
 6 | using Microsoft.AspNetCore.Mvc;
 7 | 
 8 | namespace WebApp.Controllers
 9 | {
10 |     [Route("api/[controller]")]
11 |     [ApiController]
12 |     public class TestController : ControllerBase
13 |     {
14 |         // GET: api/Test
15 |         [HttpGet]
16 |         public IEnumerable<string> Get()
17 |         {
18 |             return new string[] { "value1", "value2" };
19 |         }
20 | 
21 |         // GET: api/Test/5
22 |         [HttpGet("{id}", Name = "Get")]
23 |         public IActionResult Get(int id)
24 |         {
25 |             return Ok("value");
26 |         }
27 | 
28 |         // POST: api/Test
29 |         [HttpPost]
30 |         public IActionResult Post([FromBody] string value)
31 |         {
32 | 			return Ok($"Deleted {value}");
33 | 		}
34 | 
35 |         // PUT: api/Test/5
36 |         [HttpPut("{id}")]
37 |         public IActionResult Put(int id, [FromBody] string value)
38 |         {
39 | 			return Ok($"Put {id}, {value}");
40 | 		}
41 | 
42 |         // DELETE: api/ApiWithActions/5
43 |         [HttpDelete("{id}")]
44 |         public IActionResult Delete(int id)
45 |         {
46 | 			return Ok($"Deleted {id}");
47 |         }
48 |     }
49 | }
50 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Hubs/SampleHub.cs:
--------------------------------------------------------------------------------
 1 | using Microsoft.AspNetCore.Authorization;
 2 | using Microsoft.AspNetCore.Http.Connections.Features;
 3 | using Microsoft.AspNetCore.SignalR;
 4 | using System;
 5 | using System.Threading.Tasks;
 6 | using WebApp.Models;
 7 | 
 8 | namespace WebApp.Hubs
 9 | {
10 | 	public class SampleHub : Hub
11 | 	{
12 | 		public override Task OnConnectedAsync()
13 | 		{
14 | 			return base.OnConnectedAsync();
15 | 		}
16 | 
17 | 		public async Task SendMessage(string message)
18 | 		{
19 | 			var transportType = Context.Features.Get<IHttpTransportFeature>().TransportType.ToString();
20 | 			await Clients.Client(Context.ConnectionId).SendAsync("Response", $"TransportType-{transportType} :: Data Received from SendMessage method: {message}");
21 | 		}
22 | 
23 | 		public async Task SendMessageWithId(string message, int id)
24 | 		{
25 | 			var transportType = Context.Features.Get<IHttpTransportFeature>().TransportType.ToString();
26 | 			await Clients.Client(Context.ConnectionId).SendAsync("Response", $"TransportType-{transportType} :: Data Received from SendMessageWithId method: {message}- {id}");
27 | 		}
28 | 
29 | 		public async Task NotifyAllClient(string message)
30 | 		{
31 | 			var transportType = Context.Features.Get<IHttpTransportFeature>().TransportType.ToString();
32 | 			await Clients.All.SendAsync("Response", $"TransportType-{transportType} :: Data Received: {message}");
33 | 		}
34 | 
35 | 		public async Task ComplexData(User user)
36 | 		{
37 | 			var transportType = Context.Features.Get<IHttpTransportFeature>().TransportType.ToString();
38 | 			await Clients.Client(Context.ConnectionId).SendAsync("Response", new { Msg = $"TransportType-{transportType} :: Complex Data Received", User = user });
39 | 		}
40 | 
41 | 		public override Task OnDisconnectedAsync(Exception exception)
42 | 		{
43 | 			return base.OnDisconnectedAsync(exception);
44 | 		}
45 | 
46 | 		//[Authorize(AuthenticationSchemes = JwtBearerDefaults.AuthenticationScheme)]
47 | 		[Authorize]
48 | 		public async Task SendMessageWithAuth(string message)
49 | 		{
50 | 			var transportType = Context.Features.Get<IHttpTransportFeature>().TransportType.ToString();
51 | 			await Clients.Client(Context.ConnectionId).SendAsync("Response", $"TransportType-{transportType} :: Data Received from SendMessageWithAuth method: {message}");
52 | 		}
53 | 
54 | 		public async Task T1(string message)
55 | 		{
56 | 			var transportType = Context.Features.Get<IHttpTransportFeature>().TransportType.ToString();
57 | 			var connectionId = Context.ConnectionId;
58 | 			await Clients.Client(connectionId).SendAsync("Response", $"TransportType-{transportType} :: Data Received from SendMessage method: {message}");
59 | 		}
60 | 
61 | 		public async Task T2(int message)
62 | 		{
63 | 			var transportType = Context.Features.Get<IHttpTransportFeature>().TransportType.ToString();
64 | 			var connectionId = Context.ConnectionId;
65 | 			await Clients.Client(connectionId).SendAsync("Response", $"TransportType-{transportType} :: Data Received from SendMessage method: {message}");
66 | 		}
67 | 
68 | 		public async Task T3(double message)
69 | 		{
70 | 			var transportType = Context.Features.Get<IHttpTransportFeature>().TransportType.ToString();
71 | 			var connectionId = Context.ConnectionId;
72 | 			await Clients.Client(connectionId).SendAsync("Response", $"TransportType-{transportType} :: Data Received from SendMessage method: {message}");
73 | 		}
74 | 	}
75 | }


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Hubs/SecuredHub.cs:
--------------------------------------------------------------------------------
 1 | using Microsoft.AspNetCore.Authorization;
 2 | using Microsoft.AspNetCore.Http.Connections.Features;
 3 | using Microsoft.AspNetCore.SignalR;
 4 | using System.Threading.Tasks;
 5 | 
 6 | namespace WebApp.Hubs
 7 | {
 8 | 	[Authorize]
 9 | 	public class SecuredHub : Hub
10 | 	{
11 | 		public async Task SendMessage(string message)
12 | 		{
13 | 			var transportType = Context.Features.Get<IHttpTransportFeature>().TransportType.ToString();
14 | 			await Clients.Client(Context.ConnectionId).SendAsync("Response", $"TransportType-{transportType} :: Data Received from SendMessageWithAuth method: {message}");
15 | 		}
16 | 	}
17 | }
18 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Images/Advance_Token.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/Samples/AspDotCore/WebApp/WebApp/Images/Advance_Token.gif


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Images/Basic_View.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/Samples/AspDotCore/WebApp/WebApp/Images/Basic_View.gif


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Images/Basic_View_Json_Param.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/Samples/AspDotCore/WebApp/WebApp/Images/Basic_View_Json_Param.gif


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Images/Basic_View_Multi_Param.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/Samples/AspDotCore/WebApp/WebApp/Images/Basic_View_Multi_Param.gif


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Images/Server_Broadcast_Msg.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/Samples/AspDotCore/WebApp/WebApp/Images/Server_Broadcast_Msg.gif


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Models/Address.cs:
--------------------------------------------------------------------------------
1 | namespace WebApp.Models
2 | {
3 | 	public class Address
4 | 	{
5 | 		public string Country { get; set; }
6 | 		public int Pin { get; set; }
7 | 	}
8 | }
9 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Models/ErrorViewModel.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | 
 3 | namespace WebApp.Models
 4 | {
 5 | 	public class ErrorViewModel
 6 | 	{
 7 | 		public string RequestId { get; set; }
 8 | 
 9 | 		public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
10 | 	}
11 | }


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Models/User.cs:
--------------------------------------------------------------------------------
 1 | namespace WebApp.Models
 2 | {
 3 | 	public class User
 4 | 	{
 5 | 		public int Id { get; set; }
 6 | 		public string Name { get; set; }
 7 | 		public Address Address { get; set; }
 8 | 	}
 9 | }
10 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Program.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.IO;
 4 | using System.Linq;
 5 | using System.Threading.Tasks;
 6 | using Microsoft.AspNetCore;
 7 | using Microsoft.AspNetCore.Hosting;
 8 | using Microsoft.Extensions.Configuration;
 9 | using Microsoft.Extensions.Logging;
10 | 
11 | namespace WebApp
12 | {
13 | 	public class Program
14 | 	{
15 | 		public static void Main(string[] args)
16 | 		{
17 | 			CreateWebHostBuilder(args).Build().Run();
18 | 		}
19 | 
20 | 		public static IWebHostBuilder CreateWebHostBuilder(string[] args) =>
21 | 			WebHost.CreateDefaultBuilder(args)
22 | 				.UseStartup<Startup>();
23 | 	}
24 | }
25 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Properties/launchSettings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "iisSettings": {
 3 |     "windowsAuthentication": false, 
 4 |     "anonymousAuthentication": true, 
 5 |     "iisExpress": {
 6 |       "applicationUrl": "http://localhost:57720",
 7 |       "sslPort": 44327
 8 |     }
 9 |   },
10 |   "profiles": {
11 |     "IIS Express": {
12 |       "commandName": "IISExpress",
13 |       "launchBrowser": true,
14 |       "environmentVariables": {
15 |         "ASPNETCORE_ENVIRONMENT": "Development"
16 |       }
17 |     },
18 |     "WebApp": {
19 |       "commandName": "Project",
20 |       "launchBrowser": true,
21 |       "applicationUrl": "https://localhost:5001;http://localhost:5000",
22 |       "environmentVariables": {
23 |         "ASPNETCORE_ENVIRONMENT": "Development"
24 |       }
25 |     }
26 |   }
27 | }


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Readme.md:
--------------------------------------------------------------------------------
  1 | 
  2 | SignalR Web Client Samples
  3 | =====================
  4 | 
  5 | 
  6 | #### Startup.cs Configuration
  7 | 
  8 | 
  9 | ```csharp
 10 | public void ConfigureServices(IServiceCollection services)
 11 | {
 12 | 	.....
 13 | 	services.AddCors(options => options.AddPolicy("Cors", builder =>
 14 | 	{
 15 | 		builder
 16 | 			.AllowAnyMethod()
 17 | 			.AllowAnyHeader()
 18 | 			.AllowCredentials()
 19 | 			.WithOrigins(
 20 | 				"http://localhost:8080",
 21 | 				"http://127.0.0.1:8080",
 22 | 				"https://gourav-d.github.io"
 23 | 			);
 24 | 	}));
 25 | 	....
 26 | 
 27 | 	services.AddSignalR();
 28 | 	...
 29 | }
 30 | 
 31 | public void Configure(IApplicationBuilder app, IHostingEnvironment env)
 32 | {
 33 | 		....
 34 | 		app.UseSignalR(option => {
 35 | 			option.MapHub<SampleHub>(new PathString("/Test/Hub"));
 36 | 			option.MapHub<SecuredHub>(new PathString("/Secured/Hub"));
 37 | 	});
 38 | 	....
 39 | }
 40 | ```
 41 | <br/><br/>
 42 | 
 43 | 
 44 | ### 1. Call Hub Method
 45 | 
 46 | 
 47 | 
 48 |  <div align="center" style="width: 1000px; height: 600px;">
 49 |     <img src="https://github.com/gourav-d/SignalR-Web-Client/blob/master/Samples/AspDotCore/WebApp/WebApp/Images/Basic_View.gif" width="100%" height="100%">
 50 | </div>
 51 | 
 52 | Example:
 53 | 
 54 | ```csharp
 55 | public class SampleHub : Hub
 56 | {
 57 |     public async Task SendMessage(string data)
 58 |     {
 59 |         var connectionId = Context.ConnectionId;
 60 |         await Clients.Client(connectionId).SendAsync("ReceiveData", $"Data Received from  SendMessage method: {data}");
 61 |     }
 62 | }
 63 | ```
 64 | <br/><br/>
 65 | 
 66 | ### 2. Call Hub Method With Multiple Parameters
 67 | 
 68 | <div align="center" style="width: 1000px; height: 600px;">
 69 |     <img src="https://github.com/gourav-d/SignalR-Web-Client/blob/master/Samples/AspDotCore/WebApp/WebApp/Images/Basic_View_Multi_Param.gif" width="100%" height="100%">
 70 | </div>
 71 | 
 72 | Example:
 73 | 
 74 | ```csharp
 75 | public async Task SendMessageWithId(string message, int id)
 76 | {
 77 | 	var transportType = Context.Features.Get<IHttpTransportFeature>().TransportType.ToString();
 78 | 	await Clients.Client(Context.ConnectionId).SendAsync("Response", $"TransportType-{transportType} :: Data Received from SendMessageWithId method: {message}- {id}");
 79 | }
 80 | ```
 81 | <br/><br/>
 82 | 
 83 | ### 3. Call Hub Method With JSON Data
 84 | 
 85 | 
 86 | <div align="center" style="width: 1000px; height: 600px;">
 87 |     <img src="https://github.com/gourav-d/SignalR-Web-Client/blob/master/Samples/AspDotCore/WebApp/WebApp/Images/Basic_View_Json_Param.gif" width="100%" height="100%">
 88 | </div>
 89 | 
 90 | Example:
 91 | 
 92 | ```csharp
 93 | public async Task ComplexData(User user)
 94 | {
 95 | 	var transportType = Context.Features.Get<IHttpTransportFeature>().TransportType.ToString();
 96 | 	await Clients.Client(Context.ConnectionId).SendAsync("Response", new { Msg = $"TransportType-{transportType} :: Complex Data Received", User = user });
 97 | }
 98 | ```
 99 | <br/><br/>
100 | 
101 | ### 4. Receiving Hub Broadcast Messages
102 | 
103 | <div align="center" style="width: 1000px; height: 600px;">
104 |     <img src="https://github.com/gourav-d/SignalR-Web-Client/blob/master/Samples/AspDotCore/WebApp/WebApp/Images/Server_Broadcast_Msg.gif" width="100%" height="100%">
105 | </div>
106 | 
107 | Example:
108 | 
109 | ```csharp
110 | public class NotificationController : Controller
111 | {
112 | 	[HttpGet]
113 | 	public IActionResult Send(string message)
114 | 	{
115 | 		var task = Task.Run(async() =>
116 | 		{
117 | 			for (int i = 0; i < 5; i++)
118 | 			{
119 | 				await _hubContext.Clients.All.SendAsync("ReceiveData", $"This message has been sent from Web API. Here is your message - {message}");
120 | 				await Task.Delay(1500);
121 | 			}
122 | 		});
123 | 		return new JsonResult($"Message has been sent to all the clients");
124 | 	}
125 | }
126 | ```
127 | <br/><br/>
128 | 
129 | ### 5. Call Secured Hub Using Token
130 | 
131 | 
132 | 
133 | <div align="center" style="width: 1000px; height: 600px;">
134 |     <img src="https://github.com/gourav-d/SignalR-Web-Client/blob/master/Samples/AspDotCore/WebApp/WebApp/Images/Advance_Token.gif" width="100%" height="100%">
135 | </div>
136 | 
137 | 
138 | Example:
139 | 
140 | ```csharp
141 | [Authorize]
142 | public class SecuredHub : Hub
143 | {
144 | 	public async Task SendMessage(string message)
145 | 	{
146 | 		var transportType = Context.Features.Get<IHttpTransportFeature>().TransportType.ToString();
147 | 		await Clients.Client(Context.ConnectionId).SendAsync("Response", $"TransportType-{transportType} :: Data Received from SendMessageWithAuth method: {message}");
148 | 	}
149 | }
150 | ```
151 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/SignalRWebClient/48cec457a2842b4db342ce5a7efe615a.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/Samples/AspDotCore/WebApp/WebApp/SignalRWebClient/48cec457a2842b4db342ce5a7efe615a.wav


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/SignalRWebClient/index.html:
--------------------------------------------------------------------------------
1 | <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content="width=device-width,initial-scale=1"> <meta http-equiv=X-UA-Compatible content="ie=edge"> <title>SignalR Web Client</title> <link rel=stylesheet href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type=text/css> <link rel=stylesheet href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel=icon href=data:,> <link href="main.css" rel="stylesheet"></head> <body> <div class="mdl-layout mdl-layout--fixed-header"> <header class="mdl-layout__header mdl-layout__header--scroll"> <div class=mdl-layout__header-row> <span class=mdl-layout-title>SignalR Web Client</span> <button id=demo-menu-lower-right class="mdl-button mdl-js-button mdl-button--icon"> <i class=material-icons>more_vert</i> </button> <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for=demo-menu-lower-right> <li class=mdl-menu__item> <a target=_blank href=https://github.com/gourav-d/SignalR-Web-Client>Github</a> </li> <li class=mdl-menu__item> <span class="">Mute</span> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for=chk-mute-notification> <input type=checkbox id=chk-mute-notification class=mdl-switch__input> </label> </li> </ul> </div></header> <main class=mdl-layout__content> <div class=page-content> <div class=container> <br/><br/> <src-app></src-app> </div> </div> </main> </div> <script type="text/javascript" src="main.js"></script></body> </html>


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Startup.cs:
--------------------------------------------------------------------------------
  1 | using System.Text;
  2 | using System.Threading.Tasks;
  3 | using Microsoft.AspNetCore.Authentication.JwtBearer;
  4 | using Microsoft.AspNetCore.Builder;
  5 | using Microsoft.AspNetCore.Hosting;
  6 | using Microsoft.AspNetCore.Http;
  7 | using Microsoft.AspNetCore.HttpsPolicy;
  8 | using Microsoft.AspNetCore.Mvc;
  9 | using Microsoft.Extensions.Configuration;
 10 | using Microsoft.Extensions.DependencyInjection;
 11 | using Microsoft.IdentityModel.Tokens;
 12 | using WebApp.Hubs;
 13 | using Microsoft.OpenApi.Models;
 14 | using System;
 15 | using Microsoft.Extensions.FileProviders;
 16 | using System.IO;
 17 | 
 18 | namespace WebApp
 19 | {
 20 | 	public class Startup
 21 | 	{
 22 | 		public Startup(IConfiguration configuration)
 23 | 		{
 24 | 			Configuration = configuration;
 25 | 		}
 26 | 
 27 | 		public IConfiguration Configuration { get; }
 28 | 
 29 | 		// This method gets called by the runtime. Use this method to add services to the container.
 30 | 		public void ConfigureServices(IServiceCollection services)
 31 | 		{
 32 | 			services.AddCors(options => options.AddPolicy("Cors", builder =>
 33 | 			{
 34 | 				builder
 35 | 					.AllowAnyMethod()
 36 | 					.AllowAnyHeader()
 37 | 					.AllowCredentials()
 38 | 					.WithOrigins(
 39 | 									"http://localhost:8080",
 40 | 									"http://127.0.0.1:8080",
 41 | 									"https://gourav-d.github.io");
 42 | 			}));
 43 | 
 44 | 			//services.AddAuthentication()
 45 | 			//.AddJwtBearer(options => {
 46 | 			//	options.Events = new Microsoft.AspNetCore.Authentication.JwtBearer.JwtBearerEvents
 47 | 			//	{
 48 | 			//		OnTokenValidated = cotext => {
 49 | 
 50 | 			//			return Task.CompletedTask;
 51 | 			//		},
 52 | 			//		OnMessageReceived = context =>
 53 | 			//		{
 54 | 			//			var accessToken = context.Request.Query["access_token"];
 55 | 			//			if (string.IsNullOrEmpty(accessToken) == false)
 56 | 			//			{
 57 | 			//				context.Token = accessToken;
 58 | 			//			}
 59 | 			//			return Task.CompletedTask;
 60 | 			//		}
 61 | 			//	};
 62 | 			//});
 63 | 
 64 | 			services.AddAuthentication(JwtBearerDefaults.AuthenticationScheme)
 65 | 			.AddJwtBearer(options =>
 66 | 			{
 67 | 				options.TokenValidationParameters = new TokenValidationParameters
 68 | 				{
 69 | 					ValidateIssuer = true,
 70 | 					ValidateAudience = true,
 71 | 					ValidateLifetime = true,
 72 | 					ValidateIssuerSigningKey = true,
 73 | 					ValidIssuer = Configuration["Jwt:Issuer"],
 74 | 					ValidAudience = Configuration["Jwt:Issuer"],
 75 | 					IssuerSigningKey = new SymmetricSecurityKey(Encoding.UTF8.GetBytes(Configuration["Jwt:Key"]))
 76 | 				};
 77 | 
 78 | 				options.Events = new JwtBearerEvents
 79 | 				{
 80 | 					//OnTokenValidated = cotext =>
 81 | 					//{
 82 | 
 83 | 					//	return Task.CompletedTask;
 84 | 					//},
 85 | 					OnMessageReceived = context =>
 86 | 					{
 87 | 						//This is used for SignalR authentication
 88 | 						var accessToken = context.Request.Query["access_token"];
 89 | 						if (string.IsNullOrEmpty(accessToken) == false)
 90 | 						{
 91 | 							context.Token = accessToken;
 92 | 						}
 93 | 						return Task.CompletedTask;
 94 | 					}
 95 | 				};
 96 | 			});
 97 | 
 98 | 			// Register the Swagger generator, defining 1 or more Swagger documents
 99 | 			services.AddSwaggerGen(c =>
100 | 			{
101 | 				c.SwaggerDoc("v1", new OpenApiInfo
102 | 				{
103 | 					Version = "v1",
104 | 					Title = "ToDo API",
105 | 					Description = "A simple example ASP.NET Core Web API",
106 | 					TermsOfService = new Uri("https://example.com/terms"),
107 | 					Contact = new OpenApiContact
108 | 					{
109 | 						Name = "Shayne Boyer",
110 | 						Email = string.Empty,
111 | 						Url = new Uri("https://twitter.com/spboyer"),
112 | 					},
113 | 					License = new OpenApiLicense
114 | 					{
115 | 						Name = "Use under LICX",
116 | 						Url = new Uri("https://example.com/license"),
117 | 					}
118 | 				});
119 | 			});
120 | 
121 | 			services.Configure<CookiePolicyOptions>(options =>
122 | 			{
123 | 				// This lambda determines whether user consent for non-essential cookies is needed for a given request.
124 | 				options.CheckConsentNeeded = context => true;
125 | 				options.MinimumSameSitePolicy = SameSiteMode.None;
126 | 			});
127 | 
128 | 			services.AddSignalR();
129 | 			services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_2);
130 | 		}
131 | 
132 | 		// This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
133 | 		public void Configure(IApplicationBuilder app, IHostingEnvironment env)
134 | 		{
135 | 			// Enable middleware to serve generated Swagger as a JSON endpoint.
136 | 			app.UseSwagger();
137 | 
138 | 			// Enable middleware to serve swagger-ui (HTML, JS, CSS, etc.),
139 | 			// specifying the Swagger JSON endpoint.
140 | 			app.UseSwaggerUI(c =>
141 | 			{
142 | 				c.SwaggerEndpoint("/swagger/v1/swagger.json", "My API V1");
143 | 			});
144 | 
145 | 			app.UseCors("Cors");
146 | 
147 | 			if (env.IsDevelopment())
148 | 			{
149 | 				app.UseDeveloperExceptionPage();
150 | 			}
151 | 			else
152 | 			{
153 | 				app.UseExceptionHandler("/Home/Error");
154 | 				// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
155 | 				app.UseHsts();
156 | 			}
157 | 
158 | 			app.UseStaticFiles(new StaticFileOptions
159 | 			{
160 | 				FileProvider = new PhysicalFileProvider(
161 | 				Path.Combine(env.ContentRootPath, "SignalRWebClient")),
162 | 				RequestPath = "/SignalRWebClient"
163 | 			});
164 | 
165 | 			app.UseAuthentication();
166 | 
167 | 			app.UseSignalR(option => {
168 | 				option.MapHub<SampleHub>(new PathString("/Test/Hub"), options =>
169 | 				{
170 | 					//options.Transports = Microsoft.AspNetCore.Http.Connections.HttpTransportType.ServerSentEvents;
171 | 				});
172 | 
173 | 				option.MapHub<SecuredHub>(new PathString("/Secured/Hub"));
174 | 			});
175 | 
176 | 			//app.UseHttpsRedirection();
177 | 			app.UseStaticFiles();
178 | 			app.UseCookiePolicy();
179 | 
180 | 			app.UseMvc(routes =>
181 | 			{
182 | 				routes.MapRoute(
183 | 					name: "default",
184 | 					template: "{controller=Home}/{action=Index}/{id?}");
185 | 			});
186 | 		}
187 | 	}
188 | }
189 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Views/Home/Index.cshtml:
--------------------------------------------------------------------------------
1 | @{
2 |     ViewData["Title"] = "Home Page";
3 | }
4 | 
5 | <div class="text-center">
6 |     <h1 class="display-4">Welcome</h1>
7 |     <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
8 | </div>
9 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Views/Home/Privacy.cshtml:
--------------------------------------------------------------------------------
1 | @{
2 |     ViewData["Title"] = "Privacy Policy";
3 | }
4 | <h1>@ViewData["Title"]</h1>
5 | 
6 | <p>Use this page to detail your site's privacy policy.</p>
7 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Views/Shared/Error.cshtml:
--------------------------------------------------------------------------------
 1 | @model ErrorViewModel
 2 | @{
 3 |     ViewData["Title"] = "Error";
 4 | }
 5 | 
 6 | <h1 class="text-danger">Error.</h1>
 7 | <h2 class="text-danger">An error occurred while processing your request.</h2>
 8 | 
 9 | @if (Model.ShowRequestId)
10 | {
11 |     <p>
12 |         <strong>Request ID:</strong> <code>@Model.RequestId</code>
13 |     </p>
14 | }
15 | 
16 | <h3>Development Mode</h3>
17 | <p>
18 |     Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
19 | </p>
20 | <p>
21 |     <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
22 |     It can result in displaying sensitive information from exceptions to end users.
23 |     For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
24 |     and restarting the app.
25 | </p>
26 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Views/Shared/_CookieConsentPartial.cshtml:
--------------------------------------------------------------------------------
 1 | @using Microsoft.AspNetCore.Http.Features
 2 | 
 3 | @{
 4 |     var consentFeature = Context.Features.Get<ITrackingConsentFeature>();
 5 |     var showBanner = !consentFeature?.CanTrack ?? false;
 6 |     var cookieString = consentFeature?.CreateConsentCookie();
 7 | }
 8 | 
 9 | @if (showBanner)
10 | {
11 |     <div id="cookieConsent" class="alert alert-info alert-dismissible fade show" role="alert">
12 |         Use this space to summarize your privacy and cookie use policy. <a asp-area="" asp-controller="Home" asp-action="Privacy">Learn More</a>.
13 |         <button type="button" class="accept-policy close" data-dismiss="alert" aria-label="Close" data-cookie-string="@cookieString">
14 |             <span aria-hidden="true">Accept</span>
15 |         </button>
16 |     </div>
17 |     <script>
18 |         (function () {
19 |             var button = document.querySelector("#cookieConsent button[data-cookie-string]");
20 |             button.addEventListener("click", function (event) {
21 |                 document.cookie = button.dataset.cookieString;
22 |             }, false);
23 |         })();
24 |     </script>
25 | }
26 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Views/Shared/_Layout.cshtml:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8" />
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6 |     <title>@ViewData["Title"] - WebApp</title>
 7 | 
 8 |     <environment include="Development">
 9 |         <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
10 |     </environment>
11 |     <environment exclude="Development">
12 |         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
13 |               asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
14 |               asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute"
15 |               crossorigin="anonymous"
16 |               integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"/>
17 |     </environment>
18 |     <link rel="stylesheet" href="~/css/site.css" />
19 | </head>
20 | <body>
21 |     <header>
22 |         <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
23 |             <div class="container">
24 |                 <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">WebApp</a>
25 |                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
26 |                         aria-expanded="false" aria-label="Toggle navigation">
27 |                     <span class="navbar-toggler-icon"></span>
28 |                 </button>
29 |                 <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
30 |                     <ul class="navbar-nav flex-grow-1">
31 |                         <li class="nav-item">
32 |                             <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
33 |                         </li>
34 |                         <li class="nav-item">
35 |                             <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
36 |                         </li>
37 |                     </ul>
38 |                 </div>
39 |             </div>
40 |         </nav>
41 |     </header>
42 |     <div class="container">
43 |         <partial name="_CookieConsentPartial" />
44 |         <main role="main" class="pb-3">
45 |             @RenderBody()
46 |         </main>
47 |     </div>
48 | 
49 |     <footer class="border-top footer text-muted">
50 |         <div class="container">
51 |             &copy; 2019 - WebApp - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
52 |         </div>
53 |     </footer>
54 | 
55 |     <environment include="Development">
56 |         <script src="~/lib/jquery/dist/jquery.js"></script>
57 |         <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.js"></script>
58 |     </environment>
59 |     <environment exclude="Development">
60 |         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
61 |                 asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
62 |                 asp-fallback-test="window.jQuery"
63 |                 crossorigin="anonymous"
64 |                 integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=">
65 |         </script>
66 |         <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"
67 |                 asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"
68 |                 asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"
69 |                 crossorigin="anonymous"
70 |                 integrity="sha384-xrRywqdh3PHs8keKZN+8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o">
71 |         </script>
72 |     </environment>
73 |     <script src="~/js/site.js" asp-append-version="true"></script>
74 | 
75 |     @RenderSection("Scripts", required: false)
76 | </body>
77 | </html>
78 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Views/Shared/_ValidationScriptsPartial.cshtml:
--------------------------------------------------------------------------------
 1 | <environment include="Development">
 2 |     <script src="~/lib/jquery-validation/dist/jquery.validate.js"></script>
 3 |     <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
 4 | </environment>
 5 | <environment exclude="Development">
 6 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"
 7 |             asp-fallback-src="~/lib/jquery-validation/dist/jquery.validate.min.js"
 8 |             asp-fallback-test="window.jQuery && window.jQuery.validator"
 9 |             crossorigin="anonymous"
10 |             integrity="sha256-F6h55Qw6sweK+t7SiOJX+2bpSAa3b/fnlrVCJvmEj1A=">
11 |     </script>
12 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/3.2.11/jquery.validate.unobtrusive.min.js"
13 |             asp-fallback-src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"
14 |             asp-fallback-test="window.jQuery && window.jQuery.validator && window.jQuery.validator.unobtrusive"
15 |             crossorigin="anonymous"
16 |             integrity="sha256-9GycpJnliUjJDVDqP0UEu/bsm9U+3dnQUH8+3W10vkY=">
17 |     </script>
18 | </environment>
19 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Views/_ViewImports.cshtml:
--------------------------------------------------------------------------------
1 | @using WebApp
2 | @using WebApp.Models
3 | @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
4 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/Views/_ViewStart.cshtml:
--------------------------------------------------------------------------------
1 | @{
2 |     Layout = "_Layout";
3 | }
4 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/WebApp.csproj:
--------------------------------------------------------------------------------
 1 | <Project Sdk="Microsoft.NET.Sdk.Web">
 2 | 
 3 |   <PropertyGroup>
 4 |     <TargetFramework>netcoreapp2.2</TargetFramework>
 5 |     <AspNetCoreHostingModel>InProcess</AspNetCoreHostingModel>
 6 |   </PropertyGroup>
 7 | 
 8 | 
 9 |   <ItemGroup>
10 |     <PackageReference Include="Microsoft.AspNetCore.App" />
11 |     <PackageReference Include="Microsoft.AspNetCore.Razor.Design" Version="2.2.0" PrivateAssets="All" />
12 |     <PackageReference Include="Microsoft.AspNetCore.SignalR" Version="1.1.0" />
13 |     <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="2.2.4" />
14 |     <PackageReference Include="Swashbuckle.AspNetCore" Version="5.4.1" />
15 |   </ItemGroup>
16 | 
17 | 
18 |   <ItemGroup>
19 |     <Folder Include="SignalRWebClient\" />
20 |   </ItemGroup>
21 | 
22 | </Project>
23 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/appsettings.Development.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "Logging": {
 3 |     "LogLevel": {
 4 |       "Default": "Debug",
 5 |       "System": "Information",
 6 |       "Microsoft": "Information"
 7 |     }
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/appsettings.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"Logging": {
 3 | 		"LogLevel": {
 4 | 			"Default": "Warning"
 5 | 		}
 6 | 	},
 7 | 	"AllowedHosts": "*",
 8 | 	"Jwt": {
 9 | 		"Key": "ThisismySecretKey",
10 | 		"Issuer": "Test.com"
11 | 	}
12 | }
13 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/css/site.css:
--------------------------------------------------------------------------------
 1 | /* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
 2 | for details on configuring this project to bundle and minify static web assets. */
 3 | 
 4 | a.navbar-brand {
 5 |   white-space: normal;
 6 |   text-align: center;
 7 |   word-break: break-all;
 8 | }
 9 | 
10 | /* Sticky footer styles
11 | -------------------------------------------------- */
12 | html {
13 |   font-size: 14px;
14 | }
15 | @media (min-width: 768px) {
16 |   html {
17 |     font-size: 16px;
18 |   }
19 | }
20 | 
21 | .border-top {
22 |   border-top: 1px solid #e5e5e5;
23 | }
24 | .border-bottom {
25 |   border-bottom: 1px solid #e5e5e5;
26 | }
27 | 
28 | .box-shadow {
29 |   box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
30 | }
31 | 
32 | button.accept-policy {
33 |   font-size: 1rem;
34 |   line-height: inherit;
35 | }
36 | 
37 | /* Sticky footer styles
38 | -------------------------------------------------- */
39 | html {
40 |   position: relative;
41 |   min-height: 100%;
42 | }
43 | 
44 | body {
45 |   /* Margin bottom by footer height */
46 |   margin-bottom: 60px;
47 | }
48 | .footer {
49 |   position: absolute;
50 |   bottom: 0;
51 |   width: 100%;
52 |   white-space: nowrap;
53 |   /* Set the fixed height of the footer here */
54 |   height: 60px;
55 |   line-height: 60px; /* Vertically center the text there */
56 | }
57 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/Samples/AspDotCore/WebApp/WebApp/wwwroot/favicon.ico


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/index.html:
--------------------------------------------------------------------------------
1 | <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content="width=device-width,initial-scale=1"> <meta http-equiv=X-UA-Compatible content="ie=edge"> <title>SignalR Web Client</title> <link rel=icon href=data:,> <link href="main.css" rel="stylesheet"></head> <body> <div class=container> <h1>SignalR Web Client</h1> <src-app></src-app> </div> <script src=./main.js></script> <script type="text/javascript" src="main.js"></script></body> </html>


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/js/site.js:
--------------------------------------------------------------------------------
1 | // Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
2 | // for details on configuring this project to bundle and minify static web assets.
3 | 
4 | // Write your JavaScript code.
5 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/lib/bootstrap/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2011-2018 Twitter, Inc.
 4 | Copyright (c) 2011-2018 The Bootstrap Authors
 5 | 
 6 | Permission is hereby granted, free of charge, to any person obtaining a copy
 7 | of this software and associated documentation files (the "Software"), to deal
 8 | in the Software without restriction, including without limitation the rights
 9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10 | copies of the Software, and to permit persons to whom the Software is
11 | furnished to do so, subject to the following conditions:
12 | 
13 | The above copyright notice and this permission notice shall be included in
14 | all copies or substantial portions of the Software.
15 | 
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
22 | THE SOFTWARE.
23 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.css:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
  3 |  * Copyright 2011-2019 The Bootstrap Authors
  4 |  * Copyright 2011-2019 Twitter, Inc.
  5 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  6 |  * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
  7 |  */
  8 | *,
  9 | *::before,
 10 | *::after {
 11 |   box-sizing: border-box;
 12 | }
 13 | 
 14 | html {
 15 |   font-family: sans-serif;
 16 |   line-height: 1.15;
 17 |   -webkit-text-size-adjust: 100%;
 18 |   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 19 | }
 20 | 
 21 | article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
 22 |   display: block;
 23 | }
 24 | 
 25 | body {
 26 |   margin: 0;
 27 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 28 |   font-size: 1rem;
 29 |   font-weight: 400;
 30 |   line-height: 1.5;
 31 |   color: #212529;
 32 |   text-align: left;
 33 |   background-color: #fff;
 34 | }
 35 | 
 36 | [tabindex="-1"]:focus {
 37 |   outline: 0 !important;
 38 | }
 39 | 
 40 | hr {
 41 |   box-sizing: content-box;
 42 |   height: 0;
 43 |   overflow: visible;
 44 | }
 45 | 
 46 | h1, h2, h3, h4, h5, h6 {
 47 |   margin-top: 0;
 48 |   margin-bottom: 0.5rem;
 49 | }
 50 | 
 51 | p {
 52 |   margin-top: 0;
 53 |   margin-bottom: 1rem;
 54 | }
 55 | 
 56 | abbr[title],
 57 | abbr[data-original-title] {
 58 |   text-decoration: underline;
 59 |   -webkit-text-decoration: underline dotted;
 60 |   text-decoration: underline dotted;
 61 |   cursor: help;
 62 |   border-bottom: 0;
 63 |   -webkit-text-decoration-skip-ink: none;
 64 |   text-decoration-skip-ink: none;
 65 | }
 66 | 
 67 | address {
 68 |   margin-bottom: 1rem;
 69 |   font-style: normal;
 70 |   line-height: inherit;
 71 | }
 72 | 
 73 | ol,
 74 | ul,
 75 | dl {
 76 |   margin-top: 0;
 77 |   margin-bottom: 1rem;
 78 | }
 79 | 
 80 | ol ol,
 81 | ul ul,
 82 | ol ul,
 83 | ul ol {
 84 |   margin-bottom: 0;
 85 | }
 86 | 
 87 | dt {
 88 |   font-weight: 700;
 89 | }
 90 | 
 91 | dd {
 92 |   margin-bottom: .5rem;
 93 |   margin-left: 0;
 94 | }
 95 | 
 96 | blockquote {
 97 |   margin: 0 0 1rem;
 98 | }
 99 | 
100 | b,
101 | strong {
102 |   font-weight: bolder;
103 | }
104 | 
105 | small {
106 |   font-size: 80%;
107 | }
108 | 
109 | sub,
110 | sup {
111 |   position: relative;
112 |   font-size: 75%;
113 |   line-height: 0;
114 |   vertical-align: baseline;
115 | }
116 | 
117 | sub {
118 |   bottom: -.25em;
119 | }
120 | 
121 | sup {
122 |   top: -.5em;
123 | }
124 | 
125 | a {
126 |   color: #007bff;
127 |   text-decoration: none;
128 |   background-color: transparent;
129 | }
130 | 
131 | a:hover {
132 |   color: #0056b3;
133 |   text-decoration: underline;
134 | }
135 | 
136 | a:not([href]):not([tabindex]) {
137 |   color: inherit;
138 |   text-decoration: none;
139 | }
140 | 
141 | a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
142 |   color: inherit;
143 |   text-decoration: none;
144 | }
145 | 
146 | a:not([href]):not([tabindex]):focus {
147 |   outline: 0;
148 | }
149 | 
150 | pre,
151 | code,
152 | kbd,
153 | samp {
154 |   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
155 |   font-size: 1em;
156 | }
157 | 
158 | pre {
159 |   margin-top: 0;
160 |   margin-bottom: 1rem;
161 |   overflow: auto;
162 | }
163 | 
164 | figure {
165 |   margin: 0 0 1rem;
166 | }
167 | 
168 | img {
169 |   vertical-align: middle;
170 |   border-style: none;
171 | }
172 | 
173 | svg {
174 |   overflow: hidden;
175 |   vertical-align: middle;
176 | }
177 | 
178 | table {
179 |   border-collapse: collapse;
180 | }
181 | 
182 | caption {
183 |   padding-top: 0.75rem;
184 |   padding-bottom: 0.75rem;
185 |   color: #6c757d;
186 |   text-align: left;
187 |   caption-side: bottom;
188 | }
189 | 
190 | th {
191 |   text-align: inherit;
192 | }
193 | 
194 | label {
195 |   display: inline-block;
196 |   margin-bottom: 0.5rem;
197 | }
198 | 
199 | button {
200 |   border-radius: 0;
201 | }
202 | 
203 | button:focus {
204 |   outline: 1px dotted;
205 |   outline: 5px auto -webkit-focus-ring-color;
206 | }
207 | 
208 | input,
209 | button,
210 | select,
211 | optgroup,
212 | textarea {
213 |   margin: 0;
214 |   font-family: inherit;
215 |   font-size: inherit;
216 |   line-height: inherit;
217 | }
218 | 
219 | button,
220 | input {
221 |   overflow: visible;
222 | }
223 | 
224 | button,
225 | select {
226 |   text-transform: none;
227 | }
228 | 
229 | select {
230 |   word-wrap: normal;
231 | }
232 | 
233 | button,
234 | [type="button"],
235 | [type="reset"],
236 | [type="submit"] {
237 |   -webkit-appearance: button;
238 | }
239 | 
240 | button:not(:disabled),
241 | [type="button"]:not(:disabled),
242 | [type="reset"]:not(:disabled),
243 | [type="submit"]:not(:disabled) {
244 |   cursor: pointer;
245 | }
246 | 
247 | button::-moz-focus-inner,
248 | [type="button"]::-moz-focus-inner,
249 | [type="reset"]::-moz-focus-inner,
250 | [type="submit"]::-moz-focus-inner {
251 |   padding: 0;
252 |   border-style: none;
253 | }
254 | 
255 | input[type="radio"],
256 | input[type="checkbox"] {
257 |   box-sizing: border-box;
258 |   padding: 0;
259 | }
260 | 
261 | input[type="date"],
262 | input[type="time"],
263 | input[type="datetime-local"],
264 | input[type="month"] {
265 |   -webkit-appearance: listbox;
266 | }
267 | 
268 | textarea {
269 |   overflow: auto;
270 |   resize: vertical;
271 | }
272 | 
273 | fieldset {
274 |   min-width: 0;
275 |   padding: 0;
276 |   margin: 0;
277 |   border: 0;
278 | }
279 | 
280 | legend {
281 |   display: block;
282 |   width: 100%;
283 |   max-width: 100%;
284 |   padding: 0;
285 |   margin-bottom: .5rem;
286 |   font-size: 1.5rem;
287 |   line-height: inherit;
288 |   color: inherit;
289 |   white-space: normal;
290 | }
291 | 
292 | progress {
293 |   vertical-align: baseline;
294 | }
295 | 
296 | [type="number"]::-webkit-inner-spin-button,
297 | [type="number"]::-webkit-outer-spin-button {
298 |   height: auto;
299 | }
300 | 
301 | [type="search"] {
302 |   outline-offset: -2px;
303 |   -webkit-appearance: none;
304 | }
305 | 
306 | [type="search"]::-webkit-search-decoration {
307 |   -webkit-appearance: none;
308 | }
309 | 
310 | ::-webkit-file-upload-button {
311 |   font: inherit;
312 |   -webkit-appearance: button;
313 | }
314 | 
315 | output {
316 |   display: inline-block;
317 | }
318 | 
319 | summary {
320 |   display: list-item;
321 |   cursor: pointer;
322 | }
323 | 
324 | template {
325 |   display: none;
326 | }
327 | 
328 | [hidden] {
329 |   display: none !important;
330 | }
331 | /*# sourceMappingURL=bootstrap-reboot.css.map */


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/lib/bootstrap/dist/css/bootstrap-reboot.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
3 |  * Copyright 2011-2019 The Bootstrap Authors
4 |  * Copyright 2011-2019 Twitter, Inc.
5 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 |  * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7 |  */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
8 | /*# sourceMappingURL=bootstrap-reboot.min.css.map */


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/lib/jquery-validation-unobtrusive/LICENSE.txt:
--------------------------------------------------------------------------------
 1 | Copyright (c) .NET Foundation. All rights reserved.
 2 | 
 3 | Licensed under the Apache License, Version 2.0 (the "License"); you may not use
 4 | these files except in compliance with the License. You may obtain a copy of the
 5 | License at
 6 | 
 7 | http://www.apache.org/licenses/LICENSE-2.0
 8 | 
 9 | Unless required by applicable law or agreed to in writing, software distributed
10 | under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
11 | CONDITIONS OF ANY KIND, either express or implied. See the License for the
12 | specific language governing permissions and limitations under the License.
13 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js:
--------------------------------------------------------------------------------
  1 | // Unobtrusive validation support library for jQuery and jQuery Validate
  2 | // Copyright (c) .NET Foundation. All rights reserved.
  3 | // Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
  4 | // @version v3.2.11
  5 | 
  6 | /*jslint white: true, browser: true, onevar: true, undef: true, nomen: true, eqeqeq: true, plusplus: true, bitwise: true, regexp: true, newcap: true, immed: true, strict: false */
  7 | /*global document: false, jQuery: false */
  8 | 
  9 | (function (factory) {
 10 |     if (typeof define === 'function' && define.amd) {
 11 |         // AMD. Register as an anonymous module.
 12 |         define("jquery.validate.unobtrusive", ['jquery-validation'], factory);
 13 |     } else if (typeof module === 'object' && module.exports) {
 14 |         // CommonJS-like environments that support module.exports     
 15 |         module.exports = factory(require('jquery-validation'));
 16 |     } else {
 17 |         // Browser global
 18 |         jQuery.validator.unobtrusive = factory(jQuery);
 19 |     }
 20 | }(function ($) {
 21 |     var $jQval = $.validator,
 22 |         adapters,
 23 |         data_validation = "unobtrusiveValidation";
 24 | 
 25 |     function setValidationValues(options, ruleName, value) {
 26 |         options.rules[ruleName] = value;
 27 |         if (options.message) {
 28 |             options.messages[ruleName] = options.message;
 29 |         }
 30 |     }
 31 | 
 32 |     function splitAndTrim(value) {
 33 |         return value.replace(/^\s+|\s+$/g, "").split(/\s*,\s*/g);
 34 |     }
 35 | 
 36 |     function escapeAttributeValue(value) {
 37 |         // As mentioned on http://api.jquery.com/category/selectors/
 38 |         return value.replace(/([!"#$%&'()*+,./:;<=>?@\[\\\]^`{|}~])/g, "\\$1");
 39 |     }
 40 | 
 41 |     function getModelPrefix(fieldName) {
 42 |         return fieldName.substr(0, fieldName.lastIndexOf(".") + 1);
 43 |     }
 44 | 
 45 |     function appendModelPrefix(value, prefix) {
 46 |         if (value.indexOf("*.") === 0) {
 47 |             value = value.replace("*.", prefix);
 48 |         }
 49 |         return value;
 50 |     }
 51 | 
 52 |     function onError(error, inputElement) {  // 'this' is the form element
 53 |         var container = $(this).find("[data-valmsg-for='" + escapeAttributeValue(inputElement[0].name) + "']"),
 54 |             replaceAttrValue = container.attr("data-valmsg-replace"),
 55 |             replace = replaceAttrValue ? $.parseJSON(replaceAttrValue) !== false : null;
 56 | 
 57 |         container.removeClass("field-validation-valid").addClass("field-validation-error");
 58 |         error.data("unobtrusiveContainer", container);
 59 | 
 60 |         if (replace) {
 61 |             container.empty();
 62 |             error.removeClass("input-validation-error").appendTo(container);
 63 |         }
 64 |         else {
 65 |             error.hide();
 66 |         }
 67 |     }
 68 | 
 69 |     function onErrors(event, validator) {  // 'this' is the form element
 70 |         var container = $(this).find("[data-valmsg-summary=true]"),
 71 |             list = container.find("ul");
 72 | 
 73 |         if (list && list.length && validator.errorList.length) {
 74 |             list.empty();
 75 |             container.addClass("validation-summary-errors").removeClass("validation-summary-valid");
 76 | 
 77 |             $.each(validator.errorList, function () {
 78 |                 $("<li />").html(this.message).appendTo(list);
 79 |             });
 80 |         }
 81 |     }
 82 | 
 83 |     function onSuccess(error) {  // 'this' is the form element
 84 |         var container = error.data("unobtrusiveContainer");
 85 | 
 86 |         if (container) {
 87 |             var replaceAttrValue = container.attr("data-valmsg-replace"),
 88 |                 replace = replaceAttrValue ? $.parseJSON(replaceAttrValue) : null;
 89 | 
 90 |             container.addClass("field-validation-valid").removeClass("field-validation-error");
 91 |             error.removeData("unobtrusiveContainer");
 92 | 
 93 |             if (replace) {
 94 |                 container.empty();
 95 |             }
 96 |         }
 97 |     }
 98 | 
 99 |     function onReset(event) {  // 'this' is the form element
100 |         var $form = $(this),
101 |             key = '__jquery_unobtrusive_validation_form_reset';
102 |         if ($form.data(key)) {
103 |             return;
104 |         }
105 |         // Set a flag that indicates we're currently resetting the form.
106 |         $form.data(key, true);
107 |         try {
108 |             $form.data("validator").resetForm();
109 |         } finally {
110 |             $form.removeData(key);
111 |         }
112 | 
113 |         $form.find(".validation-summary-errors")
114 |             .addClass("validation-summary-valid")
115 |             .removeClass("validation-summary-errors");
116 |         $form.find(".field-validation-error")
117 |             .addClass("field-validation-valid")
118 |             .removeClass("field-validation-error")
119 |             .removeData("unobtrusiveContainer")
120 |             .find(">*")  // If we were using valmsg-replace, get the underlying error
121 |             .removeData("unobtrusiveContainer");
122 |     }
123 | 
124 |     function validationInfo(form) {
125 |         var $form = $(form),
126 |             result = $form.data(data_validation),
127 |             onResetProxy = $.proxy(onReset, form),
128 |             defaultOptions = $jQval.unobtrusive.options || {},
129 |             execInContext = function (name, args) {
130 |                 var func = defaultOptions[name];
131 |                 func && $.isFunction(func) && func.apply(form, args);
132 |             };
133 | 
134 |         if (!result) {
135 |             result = {
136 |                 options: {  // options structure passed to jQuery Validate's validate() method
137 |                     errorClass: defaultOptions.errorClass || "input-validation-error",
138 |                     errorElement: defaultOptions.errorElement || "span",
139 |                     errorPlacement: function () {
140 |                         onError.apply(form, arguments);
141 |                         execInContext("errorPlacement", arguments);
142 |                     },
143 |                     invalidHandler: function () {
144 |                         onErrors.apply(form, arguments);
145 |                         execInContext("invalidHandler", arguments);
146 |                     },
147 |                     messages: {},
148 |                     rules: {},
149 |                     success: function () {
150 |                         onSuccess.apply(form, arguments);
151 |                         execInContext("success", arguments);
152 |                     }
153 |                 },
154 |                 attachValidation: function () {
155 |                     $form
156 |                         .off("reset." + data_validation, onResetProxy)
157 |                         .on("reset." + data_validation, onResetProxy)
158 |                         .validate(this.options);
159 |                 },
160 |                 validate: function () {  // a validation function that is called by unobtrusive Ajax
161 |                     $form.validate();
162 |                     return $form.valid();
163 |                 }
164 |             };
165 |             $form.data(data_validation, result);
166 |         }
167 | 
168 |         return result;
169 |     }
170 | 
171 |     $jQval.unobtrusive = {
172 |         adapters: [],
173 | 
174 |         parseElement: function (element, skipAttach) {
175 |             /// <summary>
176 |             /// Parses a single HTML element for unobtrusive validation attributes.
177 |             /// </summary>
178 |             /// <param name="element" domElement="true">The HTML element to be parsed.</param>
179 |             /// <param name="skipAttach" type="Boolean">[Optional] true to skip attaching the
180 |             /// validation to the form. If parsing just this single element, you should specify true.
181 |             /// If parsing several elements, you should specify false, and manually attach the validation
182 |             /// to the form when you are finished. The default is false.</param>
183 |             var $element = $(element),
184 |                 form = $element.parents("form")[0],
185 |                 valInfo, rules, messages;
186 | 
187 |             if (!form) {  // Cannot do client-side validation without a form
188 |                 return;
189 |             }
190 | 
191 |             valInfo = validationInfo(form);
192 |             valInfo.options.rules[element.name] = rules = {};
193 |             valInfo.options.messages[element.name] = messages = {};
194 | 
195 |             $.each(this.adapters, function () {
196 |                 var prefix = "data-val-" + this.name,
197 |                     message = $element.attr(prefix),
198 |                     paramValues = {};
199 | 
200 |                 if (message !== undefined) {  // Compare against undefined, because an empty message is legal (and falsy)
201 |                     prefix += "-";
202 | 
203 |                     $.each(this.params, function () {
204 |                         paramValues[this] = $element.attr(prefix + this);
205 |                     });
206 | 
207 |                     this.adapt({
208 |                         element: element,
209 |                         form: form,
210 |                         message: message,
211 |                         params: paramValues,
212 |                         rules: rules,
213 |                         messages: messages
214 |                     });
215 |                 }
216 |             });
217 | 
218 |             $.extend(rules, { "__dummy__": true });
219 | 
220 |             if (!skipAttach) {
221 |                 valInfo.attachValidation();
222 |             }
223 |         },
224 | 
225 |         parse: function (selector) {
226 |             /// <summary>
227 |             /// Parses all the HTML elements in the specified selector. It looks for input elements decorated
228 |             /// with the [data-val=true] attribute value and enables validation according to the data-val-*
229 |             /// attribute values.
230 |             /// </summary>
231 |             /// <param name="selector" type="String">Any valid jQuery selector.</param>
232 | 
233 |             // $forms includes all forms in selector's DOM hierarchy (parent, children and self) that have at least one
234 |             // element with data-val=true
235 |             var $selector = $(selector),
236 |                 $forms = $selector.parents()
237 |                     .addBack()
238 |                     .filter("form")
239 |                     .add($selector.find("form"))
240 |                     .has("[data-val=true]");
241 | 
242 |             $selector.find("[data-val=true]").each(function () {
243 |                 $jQval.unobtrusive.parseElement(this, true);
244 |             });
245 | 
246 |             $forms.each(function () {
247 |                 var info = validationInfo(this);
248 |                 if (info) {
249 |                     info.attachValidation();
250 |                 }
251 |             });
252 |         }
253 |     };
254 | 
255 |     adapters = $jQval.unobtrusive.adapters;
256 | 
257 |     adapters.add = function (adapterName, params, fn) {
258 |         /// <summary>Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation.</summary>
259 |         /// <param name="adapterName" type="String">The name of the adapter to be added. This matches the name used
260 |         /// in the data-val-nnnn HTML attribute (where nnnn is the adapter name).</param>
261 |         /// <param name="params" type="Array" optional="true">[Optional] An array of parameter names (strings) that will
262 |         /// be extracted from the data-val-nnnn-mmmm HTML attributes (where nnnn is the adapter name, and
263 |         /// mmmm is the parameter name).</param>
264 |         /// <param name="fn" type="Function">The function to call, which adapts the values from the HTML
265 |         /// attributes into jQuery Validate rules and/or messages.</param>
266 |         /// <returns type="jQuery.validator.unobtrusive.adapters" />
267 |         if (!fn) {  // Called with no params, just a function
268 |             fn = params;
269 |             params = [];
270 |         }
271 |         this.push({ name: adapterName, params: params, adapt: fn });
272 |         return this;
273 |     };
274 | 
275 |     adapters.addBool = function (adapterName, ruleName) {
276 |         /// <summary>Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation, where
277 |         /// the jQuery Validate validation rule has no parameter values.</summary>
278 |         /// <param name="adapterName" type="String">The name of the adapter to be added. This matches the name used
279 |         /// in the data-val-nnnn HTML attribute (where nnnn is the adapter name).</param>
280 |         /// <param name="ruleName" type="String" optional="true">[Optional] The name of the jQuery Validate rule. If not provided, the value
281 |         /// of adapterName will be used instead.</param>
282 |         /// <returns type="jQuery.validator.unobtrusive.adapters" />
283 |         return this.add(adapterName, function (options) {
284 |             setValidationValues(options, ruleName || adapterName, true);
285 |         });
286 |     };
287 | 
288 |     adapters.addMinMax = function (adapterName, minRuleName, maxRuleName, minMaxRuleName, minAttribute, maxAttribute) {
289 |         /// <summary>Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation, where
290 |         /// the jQuery Validate validation has three potential rules (one for min-only, one for max-only, and
291 |         /// one for min-and-max). The HTML parameters are expected to be named -min and -max.</summary>
292 |         /// <param name="adapterName" type="String">The name of the adapter to be added. This matches the name used
293 |         /// in the data-val-nnnn HTML attribute (where nnnn is the adapter name).</param>
294 |         /// <param name="minRuleName" type="String">The name of the jQuery Validate rule to be used when you only
295 |         /// have a minimum value.</param>
296 |         /// <param name="maxRuleName" type="String">The name of the jQuery Validate rule to be used when you only
297 |         /// have a maximum value.</param>
298 |         /// <param name="minMaxRuleName" type="String">The name of the jQuery Validate rule to be used when you
299 |         /// have both a minimum and maximum value.</param>
300 |         /// <param name="minAttribute" type="String" optional="true">[Optional] The name of the HTML attribute that
301 |         /// contains the minimum value. The default is "min".</param>
302 |         /// <param name="maxAttribute" type="String" optional="true">[Optional] The name of the HTML attribute that
303 |         /// contains the maximum value. The default is "max".</param>
304 |         /// <returns type="jQuery.validator.unobtrusive.adapters" />
305 |         return this.add(adapterName, [minAttribute || "min", maxAttribute || "max"], function (options) {
306 |             var min = options.params.min,
307 |                 max = options.params.max;
308 | 
309 |             if (min && max) {
310 |                 setValidationValues(options, minMaxRuleName, [min, max]);
311 |             }
312 |             else if (min) {
313 |                 setValidationValues(options, minRuleName, min);
314 |             }
315 |             else if (max) {
316 |                 setValidationValues(options, maxRuleName, max);
317 |             }
318 |         });
319 |     };
320 | 
321 |     adapters.addSingleVal = function (adapterName, attribute, ruleName) {
322 |         /// <summary>Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation, where
323 |         /// the jQuery Validate validation rule has a single value.</summary>
324 |         /// <param name="adapterName" type="String">The name of the adapter to be added. This matches the name used
325 |         /// in the data-val-nnnn HTML attribute(where nnnn is the adapter name).</param>
326 |         /// <param name="attribute" type="String">[Optional] The name of the HTML attribute that contains the value.
327 |         /// The default is "val".</param>
328 |         /// <param name="ruleName" type="String" optional="true">[Optional] The name of the jQuery Validate rule. If not provided, the value
329 |         /// of adapterName will be used instead.</param>
330 |         /// <returns type="jQuery.validator.unobtrusive.adapters" />
331 |         return this.add(adapterName, [attribute || "val"], function (options) {
332 |             setValidationValues(options, ruleName || adapterName, options.params[attribute]);
333 |         });
334 |     };
335 | 
336 |     $jQval.addMethod("__dummy__", function (value, element, params) {
337 |         return true;
338 |     });
339 | 
340 |     $jQval.addMethod("regex", function (value, element, params) {
341 |         var match;
342 |         if (this.optional(element)) {
343 |             return true;
344 |         }
345 | 
346 |         match = new RegExp(params).exec(value);
347 |         return (match && (match.index === 0) && (match[0].length === value.length));
348 |     });
349 | 
350 |     $jQval.addMethod("nonalphamin", function (value, element, nonalphamin) {
351 |         var match;
352 |         if (nonalphamin) {
353 |             match = value.match(/\W/g);
354 |             match = match && match.length >= nonalphamin;
355 |         }
356 |         return match;
357 |     });
358 | 
359 |     if ($jQval.methods.extension) {
360 |         adapters.addSingleVal("accept", "mimtype");
361 |         adapters.addSingleVal("extension", "extension");
362 |     } else {
363 |         // for backward compatibility, when the 'extension' validation method does not exist, such as with versions
364 |         // of JQuery Validation plugin prior to 1.10, we should use the 'accept' method for
365 |         // validating the extension, and ignore mime-type validations as they are not supported.
366 |         adapters.addSingleVal("extension", "extension", "accept");
367 |     }
368 | 
369 |     adapters.addSingleVal("regex", "pattern");
370 |     adapters.addBool("creditcard").addBool("date").addBool("digits").addBool("email").addBool("number").addBool("url");
371 |     adapters.addMinMax("length", "minlength", "maxlength", "rangelength").addMinMax("range", "min", "max", "range");
372 |     adapters.addMinMax("minlength", "minlength").addMinMax("maxlength", "minlength", "maxlength");
373 |     adapters.add("equalto", ["other"], function (options) {
374 |         var prefix = getModelPrefix(options.element.name),
375 |             other = options.params.other,
376 |             fullOtherName = appendModelPrefix(other, prefix),
377 |             element = $(options.form).find(":input").filter("[name='" + escapeAttributeValue(fullOtherName) + "']")[0];
378 | 
379 |         setValidationValues(options, "equalTo", element);
380 |     });
381 |     adapters.add("required", function (options) {
382 |         // jQuery Validate equates "required" with "mandatory" for checkbox elements
383 |         if (options.element.tagName.toUpperCase() !== "INPUT" || options.element.type.toUpperCase() !== "CHECKBOX") {
384 |             setValidationValues(options, "required", true);
385 |         }
386 |     });
387 |     adapters.add("remote", ["url", "type", "additionalfields"], function (options) {
388 |         var value = {
389 |             url: options.params.url,
390 |             type: options.params.type || "GET",
391 |             data: {}
392 |         },
393 |             prefix = getModelPrefix(options.element.name);
394 | 
395 |         $.each(splitAndTrim(options.params.additionalfields || options.element.name), function (i, fieldName) {
396 |             var paramName = appendModelPrefix(fieldName, prefix);
397 |             value.data[paramName] = function () {
398 |                 var field = $(options.form).find(":input").filter("[name='" + escapeAttributeValue(paramName) + "']");
399 |                 // For checkboxes and radio buttons, only pick up values from checked fields.
400 |                 if (field.is(":checkbox")) {
401 |                     return field.filter(":checked").val() || field.filter(":hidden").val() || '';
402 |                 }
403 |                 else if (field.is(":radio")) {
404 |                     return field.filter(":checked").val() || '';
405 |                 }
406 |                 return field.val();
407 |             };
408 |         });
409 | 
410 |         setValidationValues(options, "remote", value);
411 |     });
412 |     adapters.add("password", ["min", "nonalphamin", "regex"], function (options) {
413 |         if (options.params.min) {
414 |             setValidationValues(options, "minlength", options.params.min);
415 |         }
416 |         if (options.params.nonalphamin) {
417 |             setValidationValues(options, "nonalphamin", options.params.nonalphamin);
418 |         }
419 |         if (options.params.regex) {
420 |             setValidationValues(options, "regex", options.params.regex);
421 |         }
422 |     });
423 |     adapters.add("fileextensions", ["extensions"], function (options) {
424 |         setValidationValues(options, "extension", options.params.extensions);
425 |     });
426 | 
427 |     $(function () {
428 |         $jQval.unobtrusive.parse(document);
429 |     });
430 | 
431 |     return $jQval.unobtrusive;
432 | }));
433 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js:
--------------------------------------------------------------------------------
1 | // Unobtrusive validation support library for jQuery and jQuery Validate
2 | // Copyright (c) .NET Foundation. All rights reserved.
3 | // Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
4 | // @version v3.2.11
5 | !function(a){"function"==typeof define&&define.amd?define("jquery.validate.unobtrusive",["jquery-validation"],a):"object"==typeof module&&module.exports?module.exports=a(require("jquery-validation")):jQuery.validator.unobtrusive=a(jQuery)}(function(a){function e(a,e,n){a.rules[e]=n,a.message&&(a.messages[e]=a.message)}function n(a){return a.replace(/^\s+|\s+$/g,"").split(/\s*,\s*/g)}function t(a){return a.replace(/([!"#$%&'()*+,.\/:;<=>?@\[\\\]^`{|}~])/g,"\\$1")}function r(a){return a.substr(0,a.lastIndexOf(".")+1)}function i(a,e){return 0===a.indexOf("*.")&&(a=a.replace("*.",e)),a}function o(e,n){var r=a(this).find("[data-valmsg-for='"+t(n[0].name)+"']"),i=r.attr("data-valmsg-replace"),o=i?a.parseJSON(i)!==!1:null;r.removeClass("field-validation-valid").addClass("field-validation-error"),e.data("unobtrusiveContainer",r),o?(r.empty(),e.removeClass("input-validation-error").appendTo(r)):e.hide()}function d(e,n){var t=a(this).find("[data-valmsg-summary=true]"),r=t.find("ul");r&&r.length&&n.errorList.length&&(r.empty(),t.addClass("validation-summary-errors").removeClass("validation-summary-valid"),a.each(n.errorList,function(){a("<li />").html(this.message).appendTo(r)}))}function s(e){var n=e.data("unobtrusiveContainer");if(n){var t=n.attr("data-valmsg-replace"),r=t?a.parseJSON(t):null;n.addClass("field-validation-valid").removeClass("field-validation-error"),e.removeData("unobtrusiveContainer"),r&&n.empty()}}function l(e){var n=a(this),t="__jquery_unobtrusive_validation_form_reset";if(!n.data(t)){n.data(t,!0);try{n.data("validator").resetForm()}finally{n.removeData(t)}n.find(".validation-summary-errors").addClass("validation-summary-valid").removeClass("validation-summary-errors"),n.find(".field-validation-error").addClass("field-validation-valid").removeClass("field-validation-error").removeData("unobtrusiveContainer").find(">*").removeData("unobtrusiveContainer")}}function u(e){var n=a(e),t=n.data(v),r=a.proxy(l,e),i=f.unobtrusive.options||{},u=function(n,t){var r=i[n];r&&a.isFunction(r)&&r.apply(e,t)};return t||(t={options:{errorClass:i.errorClass||"input-validation-error",errorElement:i.errorElement||"span",errorPlacement:function(){o.apply(e,arguments),u("errorPlacement",arguments)},invalidHandler:function(){d.apply(e,arguments),u("invalidHandler",arguments)},messages:{},rules:{},success:function(){s.apply(e,arguments),u("success",arguments)}},attachValidation:function(){n.off("reset."+v,r).on("reset."+v,r).validate(this.options)},validate:function(){return n.validate(),n.valid()}},n.data(v,t)),t}var m,f=a.validator,v="unobtrusiveValidation";return f.unobtrusive={adapters:[],parseElement:function(e,n){var t,r,i,o=a(e),d=o.parents("form")[0];d&&(t=u(d),t.options.rules[e.name]=r={},t.options.messages[e.name]=i={},a.each(this.adapters,function(){var n="data-val-"+this.name,t=o.attr(n),s={};void 0!==t&&(n+="-",a.each(this.params,function(){s[this]=o.attr(n+this)}),this.adapt({element:e,form:d,message:t,params:s,rules:r,messages:i}))}),a.extend(r,{__dummy__:!0}),n||t.attachValidation())},parse:function(e){var n=a(e),t=n.parents().addBack().filter("form").add(n.find("form")).has("[data-val=true]");n.find("[data-val=true]").each(function(){f.unobtrusive.parseElement(this,!0)}),t.each(function(){var a=u(this);a&&a.attachValidation()})}},m=f.unobtrusive.adapters,m.add=function(a,e,n){return n||(n=e,e=[]),this.push({name:a,params:e,adapt:n}),this},m.addBool=function(a,n){return this.add(a,function(t){e(t,n||a,!0)})},m.addMinMax=function(a,n,t,r,i,o){return this.add(a,[i||"min",o||"max"],function(a){var i=a.params.min,o=a.params.max;i&&o?e(a,r,[i,o]):i?e(a,n,i):o&&e(a,t,o)})},m.addSingleVal=function(a,n,t){return this.add(a,[n||"val"],function(r){e(r,t||a,r.params[n])})},f.addMethod("__dummy__",function(a,e,n){return!0}),f.addMethod("regex",function(a,e,n){var t;return!!this.optional(e)||(t=new RegExp(n).exec(a),t&&0===t.index&&t[0].length===a.length)}),f.addMethod("nonalphamin",function(a,e,n){var t;return n&&(t=a.match(/\W/g),t=t&&t.length>=n),t}),f.methods.extension?(m.addSingleVal("accept","mimtype"),m.addSingleVal("extension","extension")):m.addSingleVal("extension","extension","accept"),m.addSingleVal("regex","pattern"),m.addBool("creditcard").addBool("date").addBool("digits").addBool("email").addBool("number").addBool("url"),m.addMinMax("length","minlength","maxlength","rangelength").addMinMax("range","min","max","range"),m.addMinMax("minlength","minlength").addMinMax("maxlength","minlength","maxlength"),m.add("equalto",["other"],function(n){var o=r(n.element.name),d=n.params.other,s=i(d,o),l=a(n.form).find(":input").filter("[name='"+t(s)+"']")[0];e(n,"equalTo",l)}),m.add("required",function(a){"INPUT"===a.element.tagName.toUpperCase()&&"CHECKBOX"===a.element.type.toUpperCase()||e(a,"required",!0)}),m.add("remote",["url","type","additionalfields"],function(o){var d={url:o.params.url,type:o.params.type||"GET",data:{}},s=r(o.element.name);a.each(n(o.params.additionalfields||o.element.name),function(e,n){var r=i(n,s);d.data[r]=function(){var e=a(o.form).find(":input").filter("[name='"+t(r)+"']");return e.is(":checkbox")?e.filter(":checked").val()||e.filter(":hidden").val()||"":e.is(":radio")?e.filter(":checked").val()||"":e.val()}}),e(o,"remote",d)}),m.add("password",["min","nonalphamin","regex"],function(a){a.params.min&&e(a,"minlength",a.params.min),a.params.nonalphamin&&e(a,"nonalphamin",a.params.nonalphamin),a.params.regex&&e(a,"regex",a.params.regex)}),m.add("fileextensions",["extensions"],function(a){e(a,"extension",a.params.extensions)}),a(function(){f.unobtrusive.parse(document)}),f.unobtrusive});


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/lib/jquery-validation/LICENSE.md:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | =====================
 3 | 
 4 | Copyright Jörn Zaefferer
 5 | 
 6 | Permission is hereby granted, free of charge, to any person obtaining a copy
 7 | of this software and associated documentation files (the "Software"), to deal
 8 | in the Software without restriction, including without limitation the rights
 9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10 | copies of the Software, and to permit persons to whom the Software is
11 | furnished to do so, subject to the following conditions:
12 | 
13 | The above copyright notice and this permission notice shall be included in
14 | all copies or substantial portions of the Software.
15 | 
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
22 | THE SOFTWARE.
23 | 


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/lib/jquery-validation/dist/additional-methods.min.js:
--------------------------------------------------------------------------------
1 | /*! jQuery Validation Plugin - v1.17.0 - 7/29/2017
2 |  * https://jqueryvalidation.org/
3 |  * Copyright (c) 2017 Jörn Zaefferer; Licensed MIT */
4 | !function(a){"function"==typeof define&&define.amd?define(["jquery","./jquery.validate.min"],a):"object"==typeof module&&module.exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){return function(){function b(a){return a.replace(/<.[^<>]*?>/g," ").replace(/&nbsp;|&#160;/gi," ").replace(/[.(),;:!?%#$'\"_+=\/\-“”’]*/g,"")}a.validator.addMethod("maxWords",function(a,c,d){return this.optional(c)||b(a).match(/\b\w+\b/g).length<=d},a.validator.format("Please enter {0} words or less.")),a.validator.addMethod("minWords",function(a,c,d){return this.optional(c)||b(a).match(/\b\w+\b/g).length>=d},a.validator.format("Please enter at least {0} words.")),a.validator.addMethod("rangeWords",function(a,c,d){var e=b(a),f=/\b\w+\b/g;return this.optional(c)||e.match(f).length>=d[0]&&e.match(f).length<=d[1]},a.validator.format("Please enter between {0} and {1} words."))}(),a.validator.addMethod("accept",function(b,c,d){var e,f,g,h="string"==typeof d?d.replace(/\s/g,""):"image/*",i=this.optional(c);if(i)return i;if("file"===a(c).attr("type")&&(h=h.replace(/[\-\[\]\/\{\}\(\)\+\?\.\\\^\$\|]/g,"\\$&").replace(/,/g,"|").replace(/\/\*/g,"/.*"),c.files&&c.files.length))for(g=new RegExp(".?("+h+")$","i"),e=0;e<c.files.length;e++)if(f=c.files[e],!f.type.match(g))return!1;return!0},a.validator.format("Please enter a value with a valid mimetype.")),a.validator.addMethod("alphanumeric",function(a,b){return this.optional(b)||/^\w+$/i.test(a)},"Letters, numbers, and underscores only please"),a.validator.addMethod("bankaccountNL",function(a,b){if(this.optional(b))return!0;if(!/^[0-9]{9}|([0-9]{2} ){3}[0-9]{3}$/.test(a))return!1;var c,d,e,f=a.replace(/ /g,""),g=0,h=f.length;for(c=0;c<h;c++)d=h-c,e=f.substring(c,c+1),g+=d*e;return g%11===0},"Please specify a valid bank account number"),a.validator.addMethod("bankorgiroaccountNL",function(b,c){return this.optional(c)||a.validator.methods.bankaccountNL.call(this,b,c)||a.validator.methods.giroaccountNL.call(this,b,c)},"Please specify a valid bank or giro account number"),a.validator.addMethod("bic",function(a,b){return this.optional(b)||/^([A-Z]{6}[A-Z2-9][A-NP-Z1-9])(X{3}|[A-WY-Z0-9][A-Z0-9]{2})?$/.test(a.toUpperCase())},"Please specify a valid BIC code"),a.validator.addMethod("cifES",function(a,b){"use strict";function c(a){return a%2===0}if(this.optional(b))return!0;var d,e,f,g,h=new RegExp(/^([ABCDEFGHJKLMNPQRSUVW])(\d{7})([0-9A-J])$/gi),i=a.substring(0,1),j=a.substring(1,8),k=a.substring(8,9),l=0,m=0,n=0;if(9!==a.length||!h.test(a))return!1;for(d=0;d<j.length;d++)e=parseInt(j[d],10),c(d)?(e*=2,n+=e<10?e:e-9):m+=e;return l=m+n,f=(10-l.toString().substr(-1)).toString(),f=parseInt(f,10)>9?"0":f,g="JABCDEFGHI".substr(f,1).toString(),i.match(/[ABEH]/)?k===f:i.match(/[KPQS]/)?k===g:k===f||k===g},"Please specify a valid CIF number."),a.validator.addMethod("cpfBR",function(a){if(a=a.replace(/([~!@#$%^&*()_+=`{}\[\]\-|\\:;'<>,.\/? ])+/g,""),11!==a.length)return!1;var b,c,d,e,f=0;if(b=parseInt(a.substring(9,10),10),c=parseInt(a.substring(10,11),10),d=function(a,b){var c=10*a%11;return 10!==c&&11!==c||(c=0),c===b},""===a||"00000000000"===a||"11111111111"===a||"22222222222"===a||"33333333333"===a||"44444444444"===a||"55555555555"===a||"66666666666"===a||"77777777777"===a||"88888888888"===a||"99999999999"===a)return!1;for(e=1;e<=9;e++)f+=parseInt(a.substring(e-1,e),10)*(11-e);if(d(f,b)){for(f=0,e=1;e<=10;e++)f+=parseInt(a.substring(e-1,e),10)*(12-e);return d(f,c)}return!1},"Please specify a valid CPF number"),a.validator.addMethod("creditcard",function(a,b){if(this.optional(b))return"dependency-mismatch";if(/[^0-9 \-]+/.test(a))return!1;var c,d,e=0,f=0,g=!1;if(a=a.replace(/\D/g,""),a.length<13||a.length>19)return!1;for(c=a.length-1;c>=0;c--)d=a.charAt(c),f=parseInt(d,10),g&&(f*=2)>9&&(f-=9),e+=f,g=!g;return e%10===0},"Please enter a valid credit card number."),a.validator.addMethod("creditcardtypes",function(a,b,c){if(/[^0-9\-]+/.test(a))return!1;a=a.replace(/\D/g,"");var d=0;return c.mastercard&&(d|=1),c.visa&&(d|=2),c.amex&&(d|=4),c.dinersclub&&(d|=8),c.enroute&&(d|=16),c.discover&&(d|=32),c.jcb&&(d|=64),c.unknown&&(d|=128),c.all&&(d=255),1&d&&/^(5[12345])/.test(a)?16===a.length:2&d&&/^(4)/.test(a)?16===a.length:4&d&&/^(3[47])/.test(a)?15===a.length:8&d&&/^(3(0[012345]|[68]))/.test(a)?14===a.length:16&d&&/^(2(014|149))/.test(a)?15===a.length:32&d&&/^(6011)/.test(a)?16===a.length:64&d&&/^(3)/.test(a)?16===a.length:64&d&&/^(2131|1800)/.test(a)?15===a.length:!!(128&d)},"Please enter a valid credit card number."),a.validator.addMethod("currency",function(a,b,c){var d,e="string"==typeof c,f=e?c:c[0],g=!!e||c[1];return f=f.replace(/,/g,""),f=g?f+"]":f+"]?",d="^["+f+"([1-9]{1}[0-9]{0,2}(\\,[0-9]{3})*(\\.[0-9]{0,2})?|[1-9]{1}[0-9]{0,}(\\.[0-9]{0,2})?|0(\\.[0-9]{0,2})?|(\\.[0-9]{1,2})?)$",d=new RegExp(d),this.optional(b)||d.test(a)},"Please specify a valid currency"),a.validator.addMethod("dateFA",function(a,b){return this.optional(b)||/^[1-4]\d{3}\/((0?[1-6]\/((3[0-1])|([1-2][0-9])|(0?[1-9])))|((1[0-2]|(0?[7-9]))\/(30|([1-2][0-9])|(0?[1-9]))))$/.test(a)},a.validator.messages.date),a.validator.addMethod("dateITA",function(a,b){var c,d,e,f,g,h=!1,i=/^\d{1,2}\/\d{1,2}\/\d{4}$/;return i.test(a)?(c=a.split("/"),d=parseInt(c[0],10),e=parseInt(c[1],10),f=parseInt(c[2],10),g=new Date(Date.UTC(f,e-1,d,12,0,0,0)),h=g.getUTCFullYear()===f&&g.getUTCMonth()===e-1&&g.getUTCDate()===d):h=!1,this.optional(b)||h},a.validator.messages.date),a.validator.addMethod("dateNL",function(a,b){return this.optional(b)||/^(0?[1-9]|[12]\d|3[01])[\.\/\-](0?[1-9]|1[012])[\.\/\-]([12]\d)?(\d\d)$/.test(a)},a.validator.messages.date),a.validator.addMethod("extension",function(a,b,c){return c="string"==typeof c?c.replace(/,/g,"|"):"png|jpe?g|gif",this.optional(b)||a.match(new RegExp("\\.("+c+")$","i"))},a.validator.format("Please enter a value with a valid extension.")),a.validator.addMethod("giroaccountNL",function(a,b){return this.optional(b)||/^[0-9]{1,7}$/.test(a)},"Please specify a valid giro account number"),a.validator.addMethod("iban",function(a,b){if(this.optional(b))return!0;var c,d,e,f,g,h,i,j,k,l=a.replace(/ /g,"").toUpperCase(),m="",n=!0,o="",p="",q=5;if(l.length<q)return!1;if(c=l.substring(0,2),h={AL:"\\d{8}[\\dA-Z]{16}",AD:"\\d{8}[\\dA-Z]{12}",AT:"\\d{16}",AZ:"[\\dA-Z]{4}\\d{20}",BE:"\\d{12}",BH:"[A-Z]{4}[\\dA-Z]{14}",BA:"\\d{16}",BR:"\\d{23}[A-Z][\\dA-Z]",BG:"[A-Z]{4}\\d{6}[\\dA-Z]{8}",CR:"\\d{17}",HR:"\\d{17}",CY:"\\d{8}[\\dA-Z]{16}",CZ:"\\d{20}",DK:"\\d{14}",DO:"[A-Z]{4}\\d{20}",EE:"\\d{16}",FO:"\\d{14}",FI:"\\d{14}",FR:"\\d{10}[\\dA-Z]{11}\\d{2}",GE:"[\\dA-Z]{2}\\d{16}",DE:"\\d{18}",GI:"[A-Z]{4}[\\dA-Z]{15}",GR:"\\d{7}[\\dA-Z]{16}",GL:"\\d{14}",GT:"[\\dA-Z]{4}[\\dA-Z]{20}",HU:"\\d{24}",IS:"\\d{22}",IE:"[\\dA-Z]{4}\\d{14}",IL:"\\d{19}",IT:"[A-Z]\\d{10}[\\dA-Z]{12}",KZ:"\\d{3}[\\dA-Z]{13}",KW:"[A-Z]{4}[\\dA-Z]{22}",LV:"[A-Z]{4}[\\dA-Z]{13}",LB:"\\d{4}[\\dA-Z]{20}",LI:"\\d{5}[\\dA-Z]{12}",LT:"\\d{16}",LU:"\\d{3}[\\dA-Z]{13}",MK:"\\d{3}[\\dA-Z]{10}\\d{2}",MT:"[A-Z]{4}\\d{5}[\\dA-Z]{18}",MR:"\\d{23}",MU:"[A-Z]{4}\\d{19}[A-Z]{3}",MC:"\\d{10}[\\dA-Z]{11}\\d{2}",MD:"[\\dA-Z]{2}\\d{18}",ME:"\\d{18}",NL:"[A-Z]{4}\\d{10}",NO:"\\d{11}",PK:"[\\dA-Z]{4}\\d{16}",PS:"[\\dA-Z]{4}\\d{21}",PL:"\\d{24}",PT:"\\d{21}",RO:"[A-Z]{4}[\\dA-Z]{16}",SM:"[A-Z]\\d{10}[\\dA-Z]{12}",SA:"\\d{2}[\\dA-Z]{18}",RS:"\\d{18}",SK:"\\d{20}",SI:"\\d{15}",ES:"\\d{20}",SE:"\\d{20}",CH:"\\d{5}[\\dA-Z]{12}",TN:"\\d{20}",TR:"\\d{5}[\\dA-Z]{17}",AE:"\\d{3}\\d{16}",GB:"[A-Z]{4}\\d{14}",VG:"[\\dA-Z]{4}\\d{16}"},g=h[c],"undefined"!=typeof g&&(i=new RegExp("^[A-Z]{2}\\d{2}"+g+"$",""),!i.test(l)))return!1;for(d=l.substring(4,l.length)+l.substring(0,4),j=0;j<d.length;j++)e=d.charAt(j),"0"!==e&&(n=!1),n||(m+="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ".indexOf(e));for(k=0;k<m.length;k++)f=m.charAt(k),p=""+o+f,o=p%97;return 1===o},"Please specify a valid IBAN"),a.validator.addMethod("integer",function(a,b){return this.optional(b)||/^-?\d+$/.test(a)},"A positive or negative non-decimal number please"),a.validator.addMethod("ipv4",function(a,b){return this.optional(b)||/^(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)$/i.test(a)},"Please enter a valid IP v4 address."),a.validator.addMethod("ipv6",function(a,b){return this.optional(b)||/^((([0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(([0-9A-Fa-f]{1,4}:){0,5}:((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(::([0-9A-Fa-f]{1,4}:){0,5}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|([0-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))$/i.test(a)},"Please enter a valid IP v6 address."),a.validator.addMethod("lettersonly",function(a,b){return this.optional(b)||/^[a-z]+$/i.test(a)},"Letters only please"),a.validator.addMethod("letterswithbasicpunc",function(a,b){return this.optional(b)||/^[a-z\-.,()'"\s]+$/i.test(a)},"Letters or punctuation only please"),a.validator.addMethod("mobileNL",function(a,b){return this.optional(b)||/^((\+|00(\s|\s?\-\s?)?)31(\s|\s?\-\s?)?(\(0\)[\-\s]?)?|0)6((\s|\s?\-\s?)?[0-9]){8}$/.test(a)},"Please specify a valid mobile number"),a.validator.addMethod("mobileUK",function(a,b){return a=a.replace(/\(|\)|\s+|-/g,""),this.optional(b)||a.length>9&&a.match(/^(?:(?:(?:00\s?|\+)44\s?|0)7(?:[1345789]\d{2}|624)\s?\d{3}\s?\d{3})$/)},"Please specify a valid mobile number"),a.validator.addMethod("netmask",function(a,b){return this.optional(b)||/^(254|252|248|240|224|192|128)\.0\.0\.0|255\.(254|252|248|240|224|192|128|0)\.0\.0|255\.255\.(254|252|248|240|224|192|128|0)\.0|255\.255\.255\.(254|252|248|240|224|192|128|0)/i.test(a)},"Please enter a valid netmask."),a.validator.addMethod("nieES",function(a,b){"use strict";if(this.optional(b))return!0;var c,d=new RegExp(/^[MXYZ]{1}[0-9]{7,8}[TRWAGMYFPDXBNJZSQVHLCKET]{1}$/gi),e="TRWAGMYFPDXBNJZSQVHLCKET",f=a.substr(a.length-1).toUpperCase();return a=a.toString().toUpperCase(),!(a.length>10||a.length<9||!d.test(a))&&(a=a.replace(/^[X]/,"0").replace(/^[Y]/,"1").replace(/^[Z]/,"2"),c=9===a.length?a.substr(0,8):a.substr(0,9),e.charAt(parseInt(c,10)%23)===f)},"Please specify a valid NIE number."),a.validator.addMethod("nifES",function(a,b){"use strict";return!!this.optional(b)||(a=a.toUpperCase(),!!a.match("((^[A-Z]{1}[0-9]{7}[A-Z0-9]{1}$|^[T]{1}[A-Z0-9]{8}$)|^[0-9]{8}[A-Z]{1}$)")&&(/^[0-9]{8}[A-Z]{1}$/.test(a)?"TRWAGMYFPDXBNJZSQVHLCKE".charAt(a.substring(8,0)%23)===a.charAt(8):!!/^[KLM]{1}/.test(a)&&a[8]==="TRWAGMYFPDXBNJZSQVHLCKE".charAt(a.substring(8,1)%23)))},"Please specify a valid NIF number."),a.validator.addMethod("nipPL",function(a){"use strict";if(a=a.replace(/[^0-9]/g,""),10!==a.length)return!1;for(var b=[6,5,7,2,3,4,5,6,7],c=0,d=0;d<9;d++)c+=b[d]*a[d];var e=c%11,f=10===e?0:e;return f===parseInt(a[9],10)},"Please specify a valid NIP number."),a.validator.addMethod("notEqualTo",function(b,c,d){return this.optional(c)||!a.validator.methods.equalTo.call(this,b,c,d)},"Please enter a different value, values must not be the same."),a.validator.addMethod("nowhitespace",function(a,b){return this.optional(b)||/^\S+$/i.test(a)},"No white space please"),a.validator.addMethod("pattern",function(a,b,c){return!!this.optional(b)||("string"==typeof c&&(c=new RegExp("^(?:"+c+")$")),c.test(a))},"Invalid format."),a.validator.addMethod("phoneNL",function(a,b){return this.optional(b)||/^((\+|00(\s|\s?\-\s?)?)31(\s|\s?\-\s?)?(\(0\)[\-\s]?)?|0)[1-9]((\s|\s?\-\s?)?[0-9]){8}$/.test(a)},"Please specify a valid phone number."),a.validator.addMethod("phonesUK",function(a,b){return a=a.replace(/\(|\)|\s+|-/g,""),this.optional(b)||a.length>9&&a.match(/^(?:(?:(?:00\s?|\+)44\s?|0)(?:1\d{8,9}|[23]\d{9}|7(?:[1345789]\d{8}|624\d{6})))$/)},"Please specify a valid uk phone number"),a.validator.addMethod("phoneUK",function(a,b){return a=a.replace(/\(|\)|\s+|-/g,""),this.optional(b)||a.length>9&&a.match(/^(?:(?:(?:00\s?|\+)44\s?)|(?:\(?0))(?:\d{2}\)?\s?\d{4}\s?\d{4}|\d{3}\)?\s?\d{3}\s?\d{3,4}|\d{4}\)?\s?(?:\d{5}|\d{3}\s?\d{3})|\d{5}\)?\s?\d{4,5})$/)},"Please specify a valid phone number"),a.validator.addMethod("phoneUS",function(a,b){return a=a.replace(/\s+/g,""),this.optional(b)||a.length>9&&a.match(/^(\+?1-?)?(\([2-9]([02-9]\d|1[02-9])\)|[2-9]([02-9]\d|1[02-9]))-?[2-9]([02-9]\d|1[02-9])-?\d{4}$/)},"Please specify a valid phone number"),a.validator.addMethod("postalcodeBR",function(a,b){return this.optional(b)||/^\d{2}.\d{3}-\d{3}?$|^\d{5}-?\d{3}?$/.test(a)},"Informe um CEP válido."),a.validator.addMethod("postalCodeCA",function(a,b){return this.optional(b)||/^[ABCEGHJKLMNPRSTVXY]\d[ABCEGHJKLMNPRSTVWXYZ] *\d[ABCEGHJKLMNPRSTVWXYZ]\d$/i.test(a)},"Please specify a valid postal code"),a.validator.addMethod("postalcodeIT",function(a,b){return this.optional(b)||/^\d{5}$/.test(a)},"Please specify a valid postal code"),a.validator.addMethod("postalcodeNL",function(a,b){return this.optional(b)||/^[1-9][0-9]{3}\s?[a-zA-Z]{2}$/.test(a)},"Please specify a valid postal code"),a.validator.addMethod("postcodeUK",function(a,b){return this.optional(b)||/^((([A-PR-UWYZ][0-9])|([A-PR-UWYZ][0-9][0-9])|([A-PR-UWYZ][A-HK-Y][0-9])|([A-PR-UWYZ][A-HK-Y][0-9][0-9])|([A-PR-UWYZ][0-9][A-HJKSTUW])|([A-PR-UWYZ][A-HK-Y][0-9][ABEHMNPRVWXY]))\s?([0-9][ABD-HJLNP-UW-Z]{2})|(GIR)\s?(0AA))$/i.test(a)},"Please specify a valid UK postcode"),a.validator.addMethod("require_from_group",function(b,c,d){var e=a(d[1],c.form),f=e.eq(0),g=f.data("valid_req_grp")?f.data("valid_req_grp"):a.extend({},this),h=e.filter(function(){return g.elementValue(this)}).length>=d[0];return f.data("valid_req_grp",g),a(c).data("being_validated")||(e.data("being_validated",!0),e.each(function(){g.element(this)}),e.data("being_validated",!1)),h},a.validator.format("Please fill at least {0} of these fields.")),a.validator.addMethod("skip_or_fill_minimum",function(b,c,d){var e=a(d[1],c.form),f=e.eq(0),g=f.data("valid_skip")?f.data("valid_skip"):a.extend({},this),h=e.filter(function(){return g.elementValue(this)}).length,i=0===h||h>=d[0];return f.data("valid_skip",g),a(c).data("being_validated")||(e.data("being_validated",!0),e.each(function(){g.element(this)}),e.data("being_validated",!1)),i},a.validator.format("Please either skip these fields or fill at least {0} of them.")),a.validator.addMethod("stateUS",function(a,b,c){var d,e="undefined"==typeof c,f=!e&&"undefined"!=typeof c.caseSensitive&&c.caseSensitive,g=!e&&"undefined"!=typeof c.includeTerritories&&c.includeTerritories,h=!e&&"undefined"!=typeof c.includeMilitary&&c.includeMilitary;return d=g||h?g&&h?"^(A[AEKLPRSZ]|C[AOT]|D[CE]|FL|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEINOPST]|N[CDEHJMVY]|O[HKR]|P[AR]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY])$":g?"^(A[KLRSZ]|C[AOT]|D[CE]|FL|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEINOPST]|N[CDEHJMVY]|O[HKR]|P[AR]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY])$":"^(A[AEKLPRZ]|C[AOT]|D[CE]|FL|GA|HI|I[ADLN]|K[SY]|LA|M[ADEINOST]|N[CDEHJMVY]|O[HKR]|PA|RI|S[CD]|T[NX]|UT|V[AT]|W[AIVY])$":"^(A[KLRZ]|C[AOT]|D[CE]|FL|GA|HI|I[ADLN]|K[SY]|LA|M[ADEINOST]|N[CDEHJMVY]|O[HKR]|PA|RI|S[CD]|T[NX]|UT|V[AT]|W[AIVY])$",d=f?new RegExp(d):new RegExp(d,"i"),this.optional(b)||d.test(a)},"Please specify a valid state"),a.validator.addMethod("strippedminlength",function(b,c,d){return a(b).text().length>=d},a.validator.format("Please enter at least {0} characters")),a.validator.addMethod("time",function(a,b){return this.optional(b)||/^([01]\d|2[0-3]|[0-9])(:[0-5]\d){1,2}$/.test(a)},"Please enter a valid time, between 00:00 and 23:59"),a.validator.addMethod("time12h",function(a,b){return this.optional(b)||/^((0?[1-9]|1[012])(:[0-5]\d){1,2}(\ ?[AP]M))$/i.test(a)},"Please enter a valid time in 12-hour am/pm format"),a.validator.addMethod("url2",function(a,b){return this.optional(b)||/^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)*(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(a)},a.validator.messages.url),a.validator.addMethod("vinUS",function(a){if(17!==a.length)return!1;var b,c,d,e,f,g,h=["A","B","C","D","E","F","G","H","J","K","L","M","N","P","R","S","T","U","V","W","X","Y","Z"],i=[1,2,3,4,5,6,7,8,1,2,3,4,5,7,9,2,3,4,5,6,7,8,9],j=[8,7,6,5,4,3,2,10,0,9,8,7,6,5,4,3,2],k=0;for(b=0;b<17;b++){if(e=j[b],d=a.slice(b,b+1),8===b&&(g=d),isNaN(d)){for(c=0;c<h.length;c++)if(d.toUpperCase()===h[c]){d=i[c],d*=e,isNaN(g)&&8===c&&(g=h[c]);break}}else d*=e;k+=d}return f=k%11,10===f&&(f="X"),f===g},"The specified vehicle identification number (VIN) is invalid."),a.validator.addMethod("zipcodeUS",function(a,b){return this.optional(b)||/^\d{5}(-\d{4})?$/.test(a)},"The specified US ZIP Code is invalid"),a.validator.addMethod("ziprange",function(a,b){return this.optional(b)||/^90[2-5]\d\{2\}-\d{4}$/.test(a)},"Your ZIP-code must be in the range 902xx-xxxx to 905xx-xxxx"),a});


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/lib/jquery-validation/dist/jquery.validate.min.js:
--------------------------------------------------------------------------------
1 | /*! jQuery Validation Plugin - v1.17.0 - 7/29/2017
2 |  * https://jqueryvalidation.org/
3 |  * Copyright (c) 2017 Jörn Zaefferer; Licensed MIT */
4 | !function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof module&&module.exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){a.extend(a.fn,{validate:function(b){if(!this.length)return void(b&&b.debug&&window.console&&console.warn("Nothing selected, can't validate, returning nothing."));var c=a.data(this[0],"validator");return c?c:(this.attr("novalidate","novalidate"),c=new a.validator(b,this[0]),a.data(this[0],"validator",c),c.settings.onsubmit&&(this.on("click.validate",":submit",function(b){c.submitButton=b.currentTarget,a(this).hasClass("cancel")&&(c.cancelSubmit=!0),void 0!==a(this).attr("formnovalidate")&&(c.cancelSubmit=!0)}),this.on("submit.validate",function(b){function d(){var d,e;return c.submitButton&&(c.settings.submitHandler||c.formSubmitted)&&(d=a("<input type='hidden'/>").attr("name",c.submitButton.name).val(a(c.submitButton).val()).appendTo(c.currentForm)),!c.settings.submitHandler||(e=c.settings.submitHandler.call(c,c.currentForm,b),d&&d.remove(),void 0!==e&&e)}return c.settings.debug&&b.preventDefault(),c.cancelSubmit?(c.cancelSubmit=!1,d()):c.form()?c.pendingRequest?(c.formSubmitted=!0,!1):d():(c.focusInvalid(),!1)})),c)},valid:function(){var b,c,d;return a(this[0]).is("form")?b=this.validate().form():(d=[],b=!0,c=a(this[0].form).validate(),this.each(function(){b=c.element(this)&&b,b||(d=d.concat(c.errorList))}),c.errorList=d),b},rules:function(b,c){var d,e,f,g,h,i,j=this[0];if(null!=j&&(!j.form&&j.hasAttribute("contenteditable")&&(j.form=this.closest("form")[0],j.name=this.attr("name")),null!=j.form)){if(b)switch(d=a.data(j.form,"validator").settings,e=d.rules,f=a.validator.staticRules(j),b){case"add":a.extend(f,a.validator.normalizeRule(c)),delete f.messages,e[j.name]=f,c.messages&&(d.messages[j.name]=a.extend(d.messages[j.name],c.messages));break;case"remove":return c?(i={},a.each(c.split(/\s/),function(a,b){i[b]=f[b],delete f[b]}),i):(delete e[j.name],f)}return g=a.validator.normalizeRules(a.extend({},a.validator.classRules(j),a.validator.attributeRules(j),a.validator.dataRules(j),a.validator.staticRules(j)),j),g.required&&(h=g.required,delete g.required,g=a.extend({required:h},g)),g.remote&&(h=g.remote,delete g.remote,g=a.extend(g,{remote:h})),g}}}),a.extend(a.expr.pseudos||a.expr[":"],{blank:function(b){return!a.trim(""+a(b).val())},filled:function(b){var c=a(b).val();return null!==c&&!!a.trim(""+c)},unchecked:function(b){return!a(b).prop("checked")}}),a.validator=function(b,c){this.settings=a.extend(!0,{},a.validator.defaults,b),this.currentForm=c,this.init()},a.validator.format=function(b,c){return 1===arguments.length?function(){var c=a.makeArray(arguments);return c.unshift(b),a.validator.format.apply(this,c)}:void 0===c?b:(arguments.length>2&&c.constructor!==Array&&(c=a.makeArray(arguments).slice(1)),c.constructor!==Array&&(c=[c]),a.each(c,function(a,c){b=b.replace(new RegExp("\\{"+a+"\\}","g"),function(){return c})}),b)},a.extend(a.validator,{defaults:{messages:{},groups:{},rules:{},errorClass:"error",pendingClass:"pending",validClass:"valid",errorElement:"label",focusCleanup:!1,focusInvalid:!0,errorContainer:a([]),errorLabelContainer:a([]),onsubmit:!0,ignore:":hidden",ignoreTitle:!1,onfocusin:function(a){this.lastActive=a,this.settings.focusCleanup&&(this.settings.unhighlight&&this.settings.unhighlight.call(this,a,this.settings.errorClass,this.settings.validClass),this.hideThese(this.errorsFor(a)))},onfocusout:function(a){this.checkable(a)||!(a.name in this.submitted)&&this.optional(a)||this.element(a)},onkeyup:function(b,c){var d=[16,17,18,20,35,36,37,38,39,40,45,144,225];9===c.which&&""===this.elementValue(b)||a.inArray(c.keyCode,d)!==-1||(b.name in this.submitted||b.name in this.invalid)&&this.element(b)},onclick:function(a){a.name in this.submitted?this.element(a):a.parentNode.name in this.submitted&&this.element(a.parentNode)},highlight:function(b,c,d){"radio"===b.type?this.findByName(b.name).addClass(c).removeClass(d):a(b).addClass(c).removeClass(d)},unhighlight:function(b,c,d){"radio"===b.type?this.findByName(b.name).removeClass(c).addClass(d):a(b).removeClass(c).addClass(d)}},setDefaults:function(b){a.extend(a.validator.defaults,b)},messages:{required:"This field is required.",remote:"Please fix this field.",email:"Please enter a valid email address.",url:"Please enter a valid URL.",date:"Please enter a valid date.",dateISO:"Please enter a valid date (ISO).",number:"Please enter a valid number.",digits:"Please enter only digits.",equalTo:"Please enter the same value again.",maxlength:a.validator.format("Please enter no more than {0} characters."),minlength:a.validator.format("Please enter at least {0} characters."),rangelength:a.validator.format("Please enter a value between {0} and {1} characters long."),range:a.validator.format("Please enter a value between {0} and {1}."),max:a.validator.format("Please enter a value less than or equal to {0}."),min:a.validator.format("Please enter a value greater than or equal to {0}."),step:a.validator.format("Please enter a multiple of {0}.")},autoCreateRanges:!1,prototype:{init:function(){function b(b){!this.form&&this.hasAttribute("contenteditable")&&(this.form=a(this).closest("form")[0],this.name=a(this).attr("name"));var c=a.data(this.form,"validator"),d="on"+b.type.replace(/^validate/,""),e=c.settings;e[d]&&!a(this).is(e.ignore)&&e[d].call(c,this,b)}this.labelContainer=a(this.settings.errorLabelContainer),this.errorContext=this.labelContainer.length&&this.labelContainer||a(this.currentForm),this.containers=a(this.settings.errorContainer).add(this.settings.errorLabelContainer),this.submitted={},this.valueCache={},this.pendingRequest=0,this.pending={},this.invalid={},this.reset();var c,d=this.groups={};a.each(this.settings.groups,function(b,c){"string"==typeof c&&(c=c.split(/\s/)),a.each(c,function(a,c){d[c]=b})}),c=this.settings.rules,a.each(c,function(b,d){c[b]=a.validator.normalizeRule(d)}),a(this.currentForm).on("focusin.validate focusout.validate keyup.validate",":text, [type='password'], [type='file'], select, textarea, [type='number'], [type='search'], [type='tel'], [type='url'], [type='email'], [type='datetime'], [type='date'], [type='month'], [type='week'], [type='time'], [type='datetime-local'], [type='range'], [type='color'], [type='radio'], [type='checkbox'], [contenteditable], [type='button']",b).on("click.validate","select, option, [type='radio'], [type='checkbox']",b),this.settings.invalidHandler&&a(this.currentForm).on("invalid-form.validate",this.settings.invalidHandler)},form:function(){return this.checkForm(),a.extend(this.submitted,this.errorMap),this.invalid=a.extend({},this.errorMap),this.valid()||a(this.currentForm).triggerHandler("invalid-form",[this]),this.showErrors(),this.valid()},checkForm:function(){this.prepareForm();for(var a=0,b=this.currentElements=this.elements();b[a];a++)this.check(b[a]);return this.valid()},element:function(b){var c,d,e=this.clean(b),f=this.validationTargetFor(e),g=this,h=!0;return void 0===f?delete this.invalid[e.name]:(this.prepareElement(f),this.currentElements=a(f),d=this.groups[f.name],d&&a.each(this.groups,function(a,b){b===d&&a!==f.name&&(e=g.validationTargetFor(g.clean(g.findByName(a))),e&&e.name in g.invalid&&(g.currentElements.push(e),h=g.check(e)&&h))}),c=this.check(f)!==!1,h=h&&c,c?this.invalid[f.name]=!1:this.invalid[f.name]=!0,this.numberOfInvalids()||(this.toHide=this.toHide.add(this.containers)),this.showErrors(),a(b).attr("aria-invalid",!c)),h},showErrors:function(b){if(b){var c=this;a.extend(this.errorMap,b),this.errorList=a.map(this.errorMap,function(a,b){return{message:a,element:c.findByName(b)[0]}}),this.successList=a.grep(this.successList,function(a){return!(a.name in b)})}this.settings.showErrors?this.settings.showErrors.call(this,this.errorMap,this.errorList):this.defaultShowErrors()},resetForm:function(){a.fn.resetForm&&a(this.currentForm).resetForm(),this.invalid={},this.submitted={},this.prepareForm(),this.hideErrors();var b=this.elements().removeData("previousValue").removeAttr("aria-invalid");this.resetElements(b)},resetElements:function(a){var b;if(this.settings.unhighlight)for(b=0;a[b];b++)this.settings.unhighlight.call(this,a[b],this.settings.errorClass,""),this.findByName(a[b].name).removeClass(this.settings.validClass);else a.removeClass(this.settings.errorClass).removeClass(this.settings.validClass)},numberOfInvalids:function(){return this.objectLength(this.invalid)},objectLength:function(a){var b,c=0;for(b in a)void 0!==a[b]&&null!==a[b]&&a[b]!==!1&&c++;return c},hideErrors:function(){this.hideThese(this.toHide)},hideThese:function(a){a.not(this.containers).text(""),this.addWrapper(a).hide()},valid:function(){return 0===this.size()},size:function(){return this.errorList.length},focusInvalid:function(){if(this.settings.focusInvalid)try{a(this.findLastActive()||this.errorList.length&&this.errorList[0].element||[]).filter(":visible").focus().trigger("focusin")}catch(b){}},findLastActive:function(){var b=this.lastActive;return b&&1===a.grep(this.errorList,function(a){return a.element.name===b.name}).length&&b},elements:function(){var b=this,c={};return a(this.currentForm).find("input, select, textarea, [contenteditable]").not(":submit, :reset, :image, :disabled").not(this.settings.ignore).filter(function(){var d=this.name||a(this).attr("name");return!d&&b.settings.debug&&window.console&&console.error("%o has no name assigned",this),this.hasAttribute("contenteditable")&&(this.form=a(this).closest("form")[0],this.name=d),!(d in c||!b.objectLength(a(this).rules()))&&(c[d]=!0,!0)})},clean:function(b){return a(b)[0]},errors:function(){var b=this.settings.errorClass.split(" ").join(".");return a(this.settings.errorElement+"."+b,this.errorContext)},resetInternals:function(){this.successList=[],this.errorList=[],this.errorMap={},this.toShow=a([]),this.toHide=a([])},reset:function(){this.resetInternals(),this.currentElements=a([])},prepareForm:function(){this.reset(),this.toHide=this.errors().add(this.containers)},prepareElement:function(a){this.reset(),this.toHide=this.errorsFor(a)},elementValue:function(b){var c,d,e=a(b),f=b.type;return"radio"===f||"checkbox"===f?this.findByName(b.name).filter(":checked").val():"number"===f&&"undefined"!=typeof b.validity?b.validity.badInput?"NaN":e.val():(c=b.hasAttribute("contenteditable")?e.text():e.val(),"file"===f?"C:\\fakepath\\"===c.substr(0,12)?c.substr(12):(d=c.lastIndexOf("/"),d>=0?c.substr(d+1):(d=c.lastIndexOf("\\"),d>=0?c.substr(d+1):c)):"string"==typeof c?c.replace(/\r/g,""):c)},check:function(b){b=this.validationTargetFor(this.clean(b));var c,d,e,f,g=a(b).rules(),h=a.map(g,function(a,b){return b}).length,i=!1,j=this.elementValue(b);if("function"==typeof g.normalizer?f=g.normalizer:"function"==typeof this.settings.normalizer&&(f=this.settings.normalizer),f){if(j=f.call(b,j),"string"!=typeof j)throw new TypeError("The normalizer should return a string value.");delete g.normalizer}for(d in g){e={method:d,parameters:g[d]};try{if(c=a.validator.methods[d].call(this,j,b,e.parameters),"dependency-mismatch"===c&&1===h){i=!0;continue}if(i=!1,"pending"===c)return void(this.toHide=this.toHide.not(this.errorsFor(b)));if(!c)return this.formatAndAdd(b,e),!1}catch(k){throw this.settings.debug&&window.console&&console.log("Exception occurred when checking element "+b.id+", check the '"+e.method+"' method.",k),k instanceof TypeError&&(k.message+=".  Exception occurred when checking element "+b.id+", check the '"+e.method+"' method."),k}}if(!i)return this.objectLength(g)&&this.successList.push(b),!0},customDataMessage:function(b,c){return a(b).data("msg"+c.charAt(0).toUpperCase()+c.substring(1).toLowerCase())||a(b).data("msg")},customMessage:function(a,b){var c=this.settings.messages[a];return c&&(c.constructor===String?c:c[b])},findDefined:function(){for(var a=0;a<arguments.length;a++)if(void 0!==arguments[a])return arguments[a]},defaultMessage:function(b,c){"string"==typeof c&&(c={method:c});var d=this.findDefined(this.customMessage(b.name,c.method),this.customDataMessage(b,c.method),!this.settings.ignoreTitle&&b.title||void 0,a.validator.messages[c.method],"<strong>Warning: No message defined for "+b.name+"</strong>"),e=/\$?\{(\d+)\}/g;return"function"==typeof d?d=d.call(this,c.parameters,b):e.test(d)&&(d=a.validator.format(d.replace(e,"{$1}"),c.parameters)),d},formatAndAdd:function(a,b){var c=this.defaultMessage(a,b);this.errorList.push({message:c,element:a,method:b.method}),this.errorMap[a.name]=c,this.submitted[a.name]=c},addWrapper:function(a){return this.settings.wrapper&&(a=a.add(a.parent(this.settings.wrapper))),a},defaultShowErrors:function(){var a,b,c;for(a=0;this.errorList[a];a++)c=this.errorList[a],this.settings.highlight&&this.settings.highlight.call(this,c.element,this.settings.errorClass,this.settings.validClass),this.showLabel(c.element,c.message);if(this.errorList.length&&(this.toShow=this.toShow.add(this.containers)),this.settings.success)for(a=0;this.successList[a];a++)this.showLabel(this.successList[a]);if(this.settings.unhighlight)for(a=0,b=this.validElements();b[a];a++)this.settings.unhighlight.call(this,b[a],this.settings.errorClass,this.settings.validClass);this.toHide=this.toHide.not(this.toShow),this.hideErrors(),this.addWrapper(this.toShow).show()},validElements:function(){return this.currentElements.not(this.invalidElements())},invalidElements:function(){return a(this.errorList).map(function(){return this.element})},showLabel:function(b,c){var d,e,f,g,h=this.errorsFor(b),i=this.idOrName(b),j=a(b).attr("aria-describedby");h.length?(h.removeClass(this.settings.validClass).addClass(this.settings.errorClass),h.html(c)):(h=a("<"+this.settings.errorElement+">").attr("id",i+"-error").addClass(this.settings.errorClass).html(c||""),d=h,this.settings.wrapper&&(d=h.hide().show().wrap("<"+this.settings.wrapper+"/>").parent()),this.labelContainer.length?this.labelContainer.append(d):this.settings.errorPlacement?this.settings.errorPlacement.call(this,d,a(b)):d.insertAfter(b),h.is("label")?h.attr("for",i):0===h.parents("label[for='"+this.escapeCssMeta(i)+"']").length&&(f=h.attr("id"),j?j.match(new RegExp("\\b"+this.escapeCssMeta(f)+"\\b"))||(j+=" "+f):j=f,a(b).attr("aria-describedby",j),e=this.groups[b.name],e&&(g=this,a.each(g.groups,function(b,c){c===e&&a("[name='"+g.escapeCssMeta(b)+"']",g.currentForm).attr("aria-describedby",h.attr("id"))})))),!c&&this.settings.success&&(h.text(""),"string"==typeof this.settings.success?h.addClass(this.settings.success):this.settings.success(h,b)),this.toShow=this.toShow.add(h)},errorsFor:function(b){var c=this.escapeCssMeta(this.idOrName(b)),d=a(b).attr("aria-describedby"),e="label[for='"+c+"'], label[for='"+c+"'] *";return d&&(e=e+", #"+this.escapeCssMeta(d).replace(/\s+/g,", #")),this.errors().filter(e)},escapeCssMeta:function(a){return a.replace(/([\\!"#$%&'()*+,.\/:;<=>?@\[\]^`{|}~])/g,"\\$1")},idOrName:function(a){return this.groups[a.name]||(this.checkable(a)?a.name:a.id||a.name)},validationTargetFor:function(b){return this.checkable(b)&&(b=this.findByName(b.name)),a(b).not(this.settings.ignore)[0]},checkable:function(a){return/radio|checkbox/i.test(a.type)},findByName:function(b){return a(this.currentForm).find("[name='"+this.escapeCssMeta(b)+"']")},getLength:function(b,c){switch(c.nodeName.toLowerCase()){case"select":return a("option:selected",c).length;case"input":if(this.checkable(c))return this.findByName(c.name).filter(":checked").length}return b.length},depend:function(a,b){return!this.dependTypes[typeof a]||this.dependTypes[typeof a](a,b)},dependTypes:{"boolean":function(a){return a},string:function(b,c){return!!a(b,c.form).length},"function":function(a,b){return a(b)}},optional:function(b){var c=this.elementValue(b);return!a.validator.methods.required.call(this,c,b)&&"dependency-mismatch"},startRequest:function(b){this.pending[b.name]||(this.pendingRequest++,a(b).addClass(this.settings.pendingClass),this.pending[b.name]=!0)},stopRequest:function(b,c){this.pendingRequest--,this.pendingRequest<0&&(this.pendingRequest=0),delete this.pending[b.name],a(b).removeClass(this.settings.pendingClass),c&&0===this.pendingRequest&&this.formSubmitted&&this.form()?(a(this.currentForm).submit(),this.submitButton&&a("input:hidden[name='"+this.submitButton.name+"']",this.currentForm).remove(),this.formSubmitted=!1):!c&&0===this.pendingRequest&&this.formSubmitted&&(a(this.currentForm).triggerHandler("invalid-form",[this]),this.formSubmitted=!1)},previousValue:function(b,c){return c="string"==typeof c&&c||"remote",a.data(b,"previousValue")||a.data(b,"previousValue",{old:null,valid:!0,message:this.defaultMessage(b,{method:c})})},destroy:function(){this.resetForm(),a(this.currentForm).off(".validate").removeData("validator").find(".validate-equalTo-blur").off(".validate-equalTo").removeClass("validate-equalTo-blur")}},classRuleSettings:{required:{required:!0},email:{email:!0},url:{url:!0},date:{date:!0},dateISO:{dateISO:!0},number:{number:!0},digits:{digits:!0},creditcard:{creditcard:!0}},addClassRules:function(b,c){b.constructor===String?this.classRuleSettings[b]=c:a.extend(this.classRuleSettings,b)},classRules:function(b){var c={},d=a(b).attr("class");return d&&a.each(d.split(" "),function(){this in a.validator.classRuleSettings&&a.extend(c,a.validator.classRuleSettings[this])}),c},normalizeAttributeRule:function(a,b,c,d){/min|max|step/.test(c)&&(null===b||/number|range|text/.test(b))&&(d=Number(d),isNaN(d)&&(d=void 0)),d||0===d?a[c]=d:b===c&&"range"!==b&&(a[c]=!0)},attributeRules:function(b){var c,d,e={},f=a(b),g=b.getAttribute("type");for(c in a.validator.methods)"required"===c?(d=b.getAttribute(c),""===d&&(d=!0),d=!!d):d=f.attr(c),this.normalizeAttributeRule(e,g,c,d);return e.maxlength&&/-1|2147483647|524288/.test(e.maxlength)&&delete e.maxlength,e},dataRules:function(b){var c,d,e={},f=a(b),g=b.getAttribute("type");for(c in a.validator.methods)d=f.data("rule"+c.charAt(0).toUpperCase()+c.substring(1).toLowerCase()),this.normalizeAttributeRule(e,g,c,d);return e},staticRules:function(b){var c={},d=a.data(b.form,"validator");return d.settings.rules&&(c=a.validator.normalizeRule(d.settings.rules[b.name])||{}),c},normalizeRules:function(b,c){return a.each(b,function(d,e){if(e===!1)return void delete b[d];if(e.param||e.depends){var f=!0;switch(typeof e.depends){case"string":f=!!a(e.depends,c.form).length;break;case"function":f=e.depends.call(c,c)}f?b[d]=void 0===e.param||e.param:(a.data(c.form,"validator").resetElements(a(c)),delete b[d])}}),a.each(b,function(d,e){b[d]=a.isFunction(e)&&"normalizer"!==d?e(c):e}),a.each(["minlength","maxlength"],function(){b[this]&&(b[this]=Number(b[this]))}),a.each(["rangelength","range"],function(){var c;b[this]&&(a.isArray(b[this])?b[this]=[Number(b[this][0]),Number(b[this][1])]:"string"==typeof b[this]&&(c=b[this].replace(/[\[\]]/g,"").split(/[\s,]+/),b[this]=[Number(c[0]),Number(c[1])]))}),a.validator.autoCreateRanges&&(null!=b.min&&null!=b.max&&(b.range=[b.min,b.max],delete b.min,delete b.max),null!=b.minlength&&null!=b.maxlength&&(b.rangelength=[b.minlength,b.maxlength],delete b.minlength,delete b.maxlength)),b},normalizeRule:function(b){if("string"==typeof b){var c={};a.each(b.split(/\s/),function(){c[this]=!0}),b=c}return b},addMethod:function(b,c,d){a.validator.methods[b]=c,a.validator.messages[b]=void 0!==d?d:a.validator.messages[b],c.length<3&&a.validator.addClassRules(b,a.validator.normalizeRule(b))},methods:{required:function(b,c,d){if(!this.depend(d,c))return"dependency-mismatch";if("select"===c.nodeName.toLowerCase()){var e=a(c).val();return e&&e.length>0}return this.checkable(c)?this.getLength(b,c)>0:b.length>0},email:function(a,b){return this.optional(b)||/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test(a)},url:function(a,b){return this.optional(b)||/^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})).?)(?::\d{2,5})?(?:[\/?#]\S*)?$/i.test(a)},date:function(a,b){return this.optional(b)||!/Invalid|NaN/.test(new Date(a).toString())},dateISO:function(a,b){return this.optional(b)||/^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/.test(a)},number:function(a,b){return this.optional(b)||/^(?:-?\d+|-?\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test(a)},digits:function(a,b){return this.optional(b)||/^\d+$/.test(a)},minlength:function(b,c,d){var e=a.isArray(b)?b.length:this.getLength(b,c);return this.optional(c)||e>=d},maxlength:function(b,c,d){var e=a.isArray(b)?b.length:this.getLength(b,c);return this.optional(c)||e<=d},rangelength:function(b,c,d){var e=a.isArray(b)?b.length:this.getLength(b,c);return this.optional(c)||e>=d[0]&&e<=d[1]},min:function(a,b,c){return this.optional(b)||a>=c},max:function(a,b,c){return this.optional(b)||a<=c},range:function(a,b,c){return this.optional(b)||a>=c[0]&&a<=c[1]},step:function(b,c,d){var e,f=a(c).attr("type"),g="Step attribute on input type "+f+" is not supported.",h=["text","number","range"],i=new RegExp("\\b"+f+"\\b"),j=f&&!i.test(h.join()),k=function(a){var b=(""+a).match(/(?:\.(\d+))?$/);return b&&b[1]?b[1].length:0},l=function(a){return Math.round(a*Math.pow(10,e))},m=!0;if(j)throw new Error(g);return e=k(d),(k(b)>e||l(b)%l(d)!==0)&&(m=!1),this.optional(c)||m},equalTo:function(b,c,d){var e=a(d);return this.settings.onfocusout&&e.not(".validate-equalTo-blur").length&&e.addClass("validate-equalTo-blur").on("blur.validate-equalTo",function(){a(c).valid()}),b===e.val()},remote:function(b,c,d,e){if(this.optional(c))return"dependency-mismatch";e="string"==typeof e&&e||"remote";var f,g,h,i=this.previousValue(c,e);return this.settings.messages[c.name]||(this.settings.messages[c.name]={}),i.originalMessage=i.originalMessage||this.settings.messages[c.name][e],this.settings.messages[c.name][e]=i.message,d="string"==typeof d&&{url:d}||d,h=a.param(a.extend({data:b},d.data)),i.old===h?i.valid:(i.old=h,f=this,this.startRequest(c),g={},g[c.name]=b,a.ajax(a.extend(!0,{mode:"abort",port:"validate"+c.name,dataType:"json",data:g,context:f.currentForm,success:function(a){var d,g,h,j=a===!0||"true"===a;f.settings.messages[c.name][e]=i.originalMessage,j?(h=f.formSubmitted,f.resetInternals(),f.toHide=f.errorsFor(c),f.formSubmitted=h,f.successList.push(c),f.invalid[c.name]=!1,f.showErrors()):(d={},g=a||f.defaultMessage(c,{method:e,parameters:b}),d[c.name]=i.message=g,f.invalid[c.name]=!0,f.showErrors(d)),i.valid=j,f.stopRequest(c,j)}},d)),"pending")}}});var b,c={};return a.ajaxPrefilter?a.ajaxPrefilter(function(a,b,d){var e=a.port;"abort"===a.mode&&(c[e]&&c[e].abort(),c[e]=d)}):(b=a.ajax,a.ajax=function(d){var e=("mode"in d?d:a.ajaxSettings).mode,f=("port"in d?d:a.ajaxSettings).port;return"abort"===e?(c[f]&&c[f].abort(),c[f]=b.apply(this,arguments),c[f]):b.apply(this,arguments)}),a});


--------------------------------------------------------------------------------
/Samples/AspDotCore/WebApp/WebApp/wwwroot/lib/jquery/LICENSE.txt:
--------------------------------------------------------------------------------
 1 | Copyright JS Foundation and other contributors, https://js.foundation/
 2 | 
 3 | This software consists of voluntary contributions made by many
 4 | individuals. For exact contribution history, see the revision history
 5 | available at https://github.com/jquery/jquery
 6 | 
 7 | The following license applies to all parts of this software except as
 8 | documented below:
 9 | 
10 | ====
11 | 
12 | Permission is hereby granted, free of charge, to any person obtaining
13 | a copy of this software and associated documentation files (the
14 | "Software"), to deal in the Software without restriction, including
15 | without limitation the rights to use, copy, modify, merge, publish,
16 | distribute, sublicense, and/or sell copies of the Software, and to
17 | permit persons to whom the Software is furnished to do so, subject to
18 | the following conditions:
19 | 
20 | The above copyright notice and this permission notice shall be
21 | included in all copies or substantial portions of the Software.
22 | 
23 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
24 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
25 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
26 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
27 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
28 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
29 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
30 | 
31 | ====
32 | 
33 | All files located in the node_modules and external directories are
34 | externally maintained libraries used by this software which have their
35 | own licenses; we recommend you read them, as their terms may differ from
36 | the terms above.
37 | 


--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | theme: jekyll-theme-dinky


--------------------------------------------------------------------------------
/dist/48cec457a2842b4db342ce5a7efe615a.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/dist/48cec457a2842b4db342ce5a7efe615a.wav


--------------------------------------------------------------------------------
/dist/index.html:
--------------------------------------------------------------------------------
1 | <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content="width=device-width,initial-scale=1"> <meta http-equiv=X-UA-Compatible content="ie=edge"> <title>SignalR Web Client</title> <link rel=stylesheet href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type=text/css> <link rel=stylesheet href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel=icon href=data:,> <link href="main.css" rel="stylesheet"></head> <body> <div class="mdl-layout mdl-layout--fixed-header"> <header class="mdl-layout__header mdl-layout__header--scroll"> <div class=mdl-layout__header-row> <span class=mdl-layout-title>SignalR Web Client</span> <button id=demo-menu-lower-right class="mdl-button mdl-js-button mdl-button--icon"> <i class=material-icons>more_vert</i> </button> <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for=demo-menu-lower-right> <li class=mdl-menu__item> <a target=_blank href=https://github.com/gourav-d/SignalR-Web-Client>Github</a> </li> <li class=mdl-menu__item> <span class="">Mute</span> <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for=chk-mute-notification> <input type=checkbox id=chk-mute-notification class=mdl-switch__input> </label> </li> </ul> </div></header> <main class=mdl-layout__content> <div class=page-content> <div class=container> <br/><br/> <src-app></src-app> </div> </div> </main> </div> <script type="text/javascript" src="main.js"></script></body> </html>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "signalr-web-client",
 3 |   "version": "1.0.0",
 4 |   "description": "ASP.Net Core SignalR Web Client.",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1",
 8 |     "build": "webpack --mode production",
 9 |     "dev": "webpack-dev-server --content-base dist --hot --mode development"
10 |   },
11 |   "repository": {
12 |     "type": "git",
13 |     "url": "git+https://github.com/gouravdwivedi6590/SignalR-JS-Client.git"
14 |   },
15 |   "author": "",
16 |   "license": "ISC",
17 |   "bugs": {
18 |     "url": "https://github.com/gouravdwivedi6590/SignalR-JS-Client/issues"
19 |   },
20 |   "homepage": "https://github.com/gouravdwivedi6590/SignalR-JS-Client#readme",
21 |   "dependencies": {
22 |     "@microsoft/signalr": "^3.1.2",
23 |     "@webcomponents/webcomponentsjs": "^2.2.10",
24 |     "bootstrap": "^4.3.1",
25 |     "jquery": "^3.4.1",
26 |     "material-design-lite": "^1.3.0",
27 |     "mitt": "^1.1.3",
28 |     "popper.js": "^1.15.0"
29 |   },
30 |   "devDependencies": {
31 |     "@babel/core": "^7.5.4",
32 |     "@babel/preset-env": "^7.5.4",
33 |     "babel-loader": "^8.0.6",
34 |     "css-loader": "^3.0.0",
35 |     "file-loader": "^4.2.0",
36 |     "html-loader": "^0.5.5",
37 |     "html-webpack-plugin": "^3.2.0",
38 |     "mini-css-extract-plugin": "^0.7.0",
39 |     "url-loader": "^2.1.0",
40 |     "webpack": "^4.35.3",
41 |     "webpack-cli": "^3.3.5",
42 |     "webpack-dev-server": "^3.7.2"
43 |   }
44 | }
45 | 


--------------------------------------------------------------------------------
/src/Index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7 |     <title >SignalR Web Client</title>
 8 |     <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
 9 |     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
10 |     
11 |     <link rel="icon" href="data:,">
12 | </head>
13 | <body>
14 |     <!-- <div class="container">
15 |         <h1>SignalR Web Client</h1>
16 |         <src-app></src-app>
17 |     </div> -->
18 |      <div class="mdl-layout mdl-layout--fixed-header">
19 |         <header class="mdl-layout__header mdl-layout__header--scroll">
20 |                       
21 |           <div class="mdl-layout__header-row">
22 |             <!-- Left aligned menu below button -->
23 |             <!-- <div class="menu-list">
24 |                 <button id="demo-menu-lower-left" class="mdl-button mdl-js-button mdl-button--icon">
25 |                   <i class="material-icons">more_vert</i>
26 |                 </button>
27 | 
28 |                 <ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect" for="demo-menu-lower-left">
29 |                   <li class="mdl-menu__item">
30 |                       <a target="_blank" href="https://github.com/gourav-d/SignalR-Web-Client">Github</a>
31 |                   </li>
32 |                 </ul>
33 |             </div>  -->
34 | 
35 |             <span class="mdl-layout-title">SignalR Web Client</span>
36 | 
37 | <!-- Right aligned menu below button -->
38 | <button id="demo-menu-lower-right" class="mdl-button mdl-js-button mdl-button--icon">
39 |   <i class="material-icons">more_vert</i>
40 | </button>
41 | 
42 | <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect"
43 |     for="demo-menu-lower-right">
44 |   <li class="mdl-menu__item">
45 |     <a target="_blank" href="https://github.com/gourav-d/SignalR-Web-Client">Github</a>
46 |   </li>
47 |   <li class="mdl-menu__item">
48 |     <span  class="">Mute</span>
49 |     <label  class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="chk-mute-notification">      
50 |       <input type="checkbox" id="chk-mute-notification" class="mdl-switch__input">      
51 |     </label>
52 |   </li>
53 | </ul>
54 | 
55 |             <!-- Add spacer, to align navigation to the right -->
56 |             <!-- <div class="mdl-layout-spacer"></div> -->
57 |             <!-- Navigation -->
58 |             <!-- <nav class="mdl-navigation">
59 |               <a class="mdl-navigation__link" href="">Link</a>
60 |               <a class="mdl-navigation__link" href="">Link</a>
61 |               <a class="mdl-navigation__link" href="">Link</a>
62 |               <a class="mdl-navigation__link" href="">Link</a>
63 |             </nav> 
64 |           </div>-->
65 | 
66 |         </header>
67 |         <!--<div class="mdl-layout__drawer">
68 |            <span class="mdl-layout-title">SignalR Web1 Client</span> -->
69 |           <!-- <nav class="mdl-navigation">
70 |             <a class="mdl-navigation__link" target="_blank" href="https://github.com/gourav-d/SignalR-Web-Client">Github</a>
71 |             <a class="mdl-navigation__link" href="">Link</a> 
72 |             <a class="mdl-navigation__link" href="">Link</a>
73 |             <a class="mdl-navigation__link" href="">Link</a>
74 |           </nav> </div> -->
75 |           
76 |         <!-- </header> -->
77 |         <main class="mdl-layout__content">
78 |           <div class="page-content">              
79 |             <div class="container">
80 |                 <br/><br/>
81 |                 <src-app></src-app>
82 |             </div>
83 |           </div>
84 |         </main>
85 |   </div>
86 | </body>
87 | </html>


--------------------------------------------------------------------------------
/src/assets/Notification.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/assets/Notification.wav


--------------------------------------------------------------------------------
/src/assets/Ting.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/assets/Ting.mp3


--------------------------------------------------------------------------------
/src/css/main.css:
--------------------------------------------------------------------------------
  1 | /* @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"); */
  2 | 
  3 | h1 {
  4 |     color: rgb(51, 153, 97);
  5 | }
  6 | 
  7 | body {
  8 |     padding : 0px ;
  9 |     margin: 0px;
 10 |     font-family: 'Roboto', 'Helvetica', sans-serif;
 11 |     /* min-height: 600px ; */
 12 |     /* height: 2000px; */
 13 |   }
 14 | 
 15 |   html {
 16 |      overflow-y:scroll; /*This make the scrollbar always visible and only active when needed. */
 17 |   }
 18 | 
 19 | .tab {
 20 |     margin-top: 20px;
 21 | }
 22 | 
 23 | /* .tabcontent .tab-pane{ border:solid 1px blue;  border-top: 0};  */
 24 | #tabheader li a { 
 25 |   /* background-color: rgb(17, 106, 158);  */
 26 |   background-color: rgb(63,81,181);
 27 |   /* color: white;  */
 28 |   color: rgb(255,255,255);
 29 |   font-size: 20px; 
 30 | }
 31 | 
 32 | #tabheader  a.active {
 33 |     border-bottom-color: transparent;
 34 |     background-color:  white; 
 35 |     color: black;
 36 | }
 37 | 
 38 | .tab-content {
 39 |     background-color: white;
 40 |     
 41 | }
 42 | .panel {
 43 |     padding-top : 10px;
 44 |     padding-left: 1px;
 45 |     padding-right: 1px;
 46 |     padding-bottom: 1px;
 47 |     /* padding: 10px, 10px,10px, 10px; */
 48 |     /* background-color:  rgb(17, 106, 158); */
 49 |     background-color: rgb(63,81,181);
 50 |     border: 1px;
 51 | 
 52 | }
 53 | 
 54 | li:hover { 
 55 |     background-color: rgb(63,81,181);
 56 |   }
 57 | 
 58 | /* #tab-header .nav-pills > li > a {
 59 |     border-radius: 4px 4px 0 0 ;
 60 |   }
 61 | 
 62 |   #tab-header .nav-tabs > li > a {
 63 |     border-radius: 4px 4px 0 0 ;
 64 |   } */
 65 | 
 66 |   /* .active a {
 67 | 
 68 |     background-color: #428bca !important;
 69 |   
 70 |   }
 71 |    */
 72 |   /* .active{
 73 |     background-color: #428bca;
 74 |   } */
 75 |   
 76 |   #tab-header .tab-content {
 77 |     /* color : white; */
 78 |     /* background-color: #428bca; */
 79 |     padding : 5px 15px;
 80 |   }
 81 | 
 82 |   .method-arguments {
 83 |     padding-top: 0px;
 84 |   }
 85 |   
 86 |   .hr.div-splitter {
 87 |     height: 10px;
 88 |     border: 0;
 89 |     box-shadow: 0 10px 10px -10px #8c8b8b inset;
 90 |   }
 91 |   hr.horizontal-line {
 92 |     height: 10px;
 93 |     border: 0;
 94 |     box-shadow: 0 10px 10px -10px #8c8b8b inset;
 95 |     margin-top: 10px;
 96 |     margin-bottom: 10px;
 97 |   }
 98 |   
 99 |   .btn-send-payload {
100 |     margin-right: 10px;
101 |   }
102 | 
103 | ul.nav .nav-item a:hover { 
104 |   /* border-color:  rgb(17, 106, 158) !important; */
105 |   border-color: rgb(63,81,181) !important;
106 |  } 
107 | ul.nav .nav-link.active:hover { 
108 |   border-color: white !important; 
109 | }
110 | 
111 | .bg-gray {
112 |   background-color:#cccccc;
113 |   border-color: black;
114 |   border-width: 2px;
115 |   border-style: double;
116 |   padding: 10px;
117 | }
118 | 
119 | .loggerView {
120 |   word-wrap: break-word;/*Used because long log messages going out of div.*/
121 |   border-radius: 5px 5px 5px 5px;
122 |   box-sizing: border-box;
123 |   border-style: solid;
124 |   border-top-width: 3px;
125 |   border-right-width: 3px;
126 |   border-bottom-width: .5px;
127 |   border-left-width: .5px;
128 |   border-color: rgba(63, 81, 181, 1);
129 |   border-style: solid;
130 |   background-color: rgb(255,255,255);
131 | 
132 | }
133 | 
134 | .logger-header {
135 |   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
136 |   text-transform: uppercase;
137 |   font-size: 20px;
138 |   color: rgba(0,0,0,.54);
139 |   font-weight: 500;
140 |   margin-bottom: 20px;
141 | }
142 | 
143 | .logger-container {
144 |   padding: 10px;
145 |   margin-top: 50px;
146 | }
147 | 
148 | #app-logs {
149 |   overflow-x: hidden;
150 |   overflow-y: auto;
151 |   min-height: 5px;
152 |   max-height: 400px;
153 | }
154 | 
155 | /* Align span text in center of the div */
156 | .mdl-layout-title {
157 |   display:table;
158 |   margin:0 auto;
159 | }
160 | 
161 | .error {
162 |   width: 100%;
163 |   padding: 0;
164 |   margin: 0%;
165 |   font-size: 80%;
166 |   color: #900;
167 |   border-radius: 0 0 5px 5px;
168 |   box-sizing: border-box;
169 |   font-style: italic;
170 |   font-weight: bold;
171 | }
172 | 
173 | .error.active {
174 |   padding: 0.3em;
175 | }
176 | 
177 | #inputResponseData {
178 |   height: 150px;
179 |   overflow-x: hidden;
180 |   overflow-y: auto;
181 |   text-align: left;
182 |   padding: 5px;
183 |   border-radius: 5px 5px 5px 5px;
184 |   box-sizing: border-box;
185 |   border-style: solid;
186 |   border-top-width: 3px;
187 |   border-right-width: 3px;
188 |   border-bottom-width: .5px;
189 |   border-left-width: .5px;
190 |   border-color: rgba(63, 81, 181, 1);
191 | }
192 | 
193 | .label-title {
194 |   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
195 |   text-transform: uppercase;
196 |   font-size: 14px;
197 |   color: rgba(0,0,0,.54);
198 |   font-weight: 500; 
199 | }
200 | 
201 | .chk-text {
202 |   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
203 |   font-size: 12px;
204 |   color: rgba(0,0,0,.54);
205 |   font-weight: 500;
206 | }
207 | 
208 | .logger-text {
209 |   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
210 |   font-size: 12px;
211 |   color: rgba(0,0,0,.54);
212 |   font-weight: 500;
213 | }
214 | 
215 | .skip-negotiation-desc {
216 |   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
217 |   font-size: 11px;
218 |   color: rgba(0,0,0,.54);
219 |   font-weight: 500;
220 | }
221 | 
222 | .args-container {
223 |   margin-top: 10px;
224 |   padding-top: 10px;
225 |   border-radius: 5px 5px 5px 5px;
226 |   box-sizing: border-box;
227 |   border-style: solid;
228 |   border-top-width: 1.5px;
229 |   border-right-width: 1.5px;
230 |   border-bottom-width: .5px;
231 |   border-left-width: .5px;
232 |   border-color: rgba(63, 81, 181, 1);
233 | }
234 | 
235 | /* .mdl-layout__header-row {
236 |   padding: 0px 0px 0px 80px;
237 |   margin: 0 0 0 0;
238 | }
239 | 
240 | #demo-menu-lower-left {
241 |   padding: 0;
242 |   margin: 0;
243 | } */
244 | 
245 | .scale-in-ver-top {
246 | 	-webkit-animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
247 | 	        animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
248 | }
249 | 
250 | /* ----------------------------------------------
251 |  * Generated by Animista on 2020-4-13 1:55:23
252 |  * Licensed under FreeBSD License.
253 |  * See http://animista.net/license for more info. 
254 |  * w: http://animista.net, t: @cssanimista
255 |  * ---------------------------------------------- */
256 | 
257 | /**
258 |  * ----------------------------------------
259 |  * animation scale-in-ver-top
260 |  * ----------------------------------------
261 |  */
262 |  @-webkit-keyframes scale-in-ver-top {
263 |   0% {
264 |     -webkit-transform: scaleY(0);
265 |             transform: scaleY(0);
266 |     -webkit-transform-origin: 100% 0%;
267 |             transform-origin: 100% 0%;
268 |     opacity: 1;
269 |   }
270 |   100% {
271 |     -webkit-transform: scaleY(1);
272 |             transform: scaleY(1);
273 |     -webkit-transform-origin: 100% 0%;
274 |             transform-origin: 100% 0%;
275 |     opacity: 1;
276 |   }
277 | }
278 | @keyframes scale-in-ver-top {
279 |   0% {
280 |     -webkit-transform: scaleY(0);
281 |             transform: scaleY(0);
282 |     -webkit-transform-origin: 100% 0%;
283 |             transform-origin: 100% 0%;
284 |     opacity: 1;
285 |   }
286 |   100% {
287 |     -webkit-transform: scaleY(1);
288 |             transform: scaleY(1);
289 |     -webkit-transform-origin: 100% 0%;
290 |             transform-origin: 100% 0%;
291 |     opacity: 1;
292 |   }
293 | }
294 | 


--------------------------------------------------------------------------------
/src/images/1.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/images/1.PNG


--------------------------------------------------------------------------------
/src/images/2.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/images/2.PNG


--------------------------------------------------------------------------------
/src/images/3.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/images/3.PNG


--------------------------------------------------------------------------------
/src/images/4.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/images/4.PNG


--------------------------------------------------------------------------------
/src/images/5.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/images/5.PNG


--------------------------------------------------------------------------------
/src/images/Advance_Token.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/images/Advance_Token.gif


--------------------------------------------------------------------------------
/src/images/Basic_View.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/images/Basic_View.gif


--------------------------------------------------------------------------------
/src/images/Basic_View_ Multi_Param.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/images/Basic_View_ Multi_Param.gif


--------------------------------------------------------------------------------
/src/images/Basic_View_Json_Param.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/images/Basic_View_Json_Param.gif


--------------------------------------------------------------------------------
/src/images/Server_Broadcast_Msg.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/images/Server_Broadcast_Msg.gif


--------------------------------------------------------------------------------
/src/images/SignalR-Web-Client.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/images/SignalR-Web-Client.jpg


--------------------------------------------------------------------------------
/src/images/delete.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gourav-d/SignalR-Web-Client/a8d53754189f47944df3488102088c151f740e01/src/images/delete.png


--------------------------------------------------------------------------------
/src/js/components/app.component.js:
--------------------------------------------------------------------------------
 1 | class AppComponent extends HTMLElement {
 2 |     constructor() {
 3 |         super();
 4 |     }
 5 | 
 6 |     connectedCallback() {
 7 |         this.render();
 8 |     }
 9 | 
10 |     disconnectedCallback() {
11 |     }
12 | 
13 |     attributeChangedCallback(attrName, oldVal, newVal) {
14 |         this.render();
15 |       }
16 | 
17 |     render() {
18 |         this.innerHTML = `
19 | 
20 |         <div id="tab-header" class="container">
21 |             <div class="panel panel-primary">
22 |                 <ul class="nav nav-tabs justify-content-end nav-justified" id="tabheader">
23 |                     <li class="nav-item">
24 |                         <a class="nav-link active tab-text" data-tab-type="basic" data-toggle="tab"  href="#appview">Basic</a>
25 |                     </li>
26 |                     <li class="nav-item">
27 |                         <a class="nav-link tab-text" data-tab-type="advance" data-toggle="tab" href="#appview">Advance</a>
28 |                     </li>
29 |                 </ul>
30 | 
31 |                 <div class="tab-content container clearfix tabcontent">
32 |                     <div id="appview" class="tab-pane active">
33 |                         <h4 style="display: none">Basic</h4> <br/><br/>
34 |                         <sr-form></sr-form>
35 |                     </div>                  
36 |                 </div>
37 |             </div>
38 |         </div>
39 |         `;
40 |     }
41 | }
42 | 
43 | if(!window.customElements.get("src-app")) {
44 |     window.customElements.define("src-app", AppComponent);
45 | }


--------------------------------------------------------------------------------
/src/js/components/dialogbox/custompopup.js:
--------------------------------------------------------------------------------
 1 | import './custompopupStyle.css';
 2 | 
 3 | ;(function (window){
 4 |     if(document.getElementById('dialogoverlay'))
 5 |         return;
 6 | 
 7 |      window.document.body.innerHTML = window.document.body.innerHTML +  `
 8 |         <div id="dialogoverlay"></div>
 9 |         <div id="dialogbox" class="slit-in-vertical">
10 |             <div>
11 |                 <div id="dialogboxhead" style="background-color:rgb(63,81,181)"></div>
12 |                 <div id="dialogboxbody"></div>
13 |                 <div id="dialogboxfoot"></div>
14 |             </div>
15 |         </div>`;
16 | 
17 |         let dialogoverlay = document.getElementById('dialogoverlay');
18 |         let dialogbox = document.getElementById('dialogbox');
19 | 
20 |         
21 | 
22 |         dialogbox.style.display = "none";
23 |         dialogoverlay.style.display = "none";
24 |         document.getElementById('dialogboxfoot').innerHTML = '<button style="background-color:rgb(63,81,181)" class="pure-material-button-contained active" id="custom-popup-ok-btn">OK</button>';
25 |         document.getElementById('custom-popup-ok-btn')
26 |         .addEventListener('click', function() {
27 |             document.getElementById('dialogbox').style.display = "none";
28 |             document.getElementById('dialogoverlay').style.display = "none";
29 |         })
30 | })(window)
31 | 
32 | export function Alert(message, title) {    
33 | 
34 |         let dialogoverlay = document.getElementById('dialogoverlay');
35 |         let dialogbox = document.getElementById('dialogbox');
36 | 
37 |         let windowHeight = window.innerHeight;
38 |         dialogoverlay.style.height = windowHeight + "px";
39 | 
40 |         dialogbox.style.top = "100px";
41 | 
42 |         dialogbox.style.display = "block";
43 |         dialogoverlay.style.display = "block";
44 | 
45 |         if(typeof title === "undefined") {
46 |             document.getElementById('dialogboxhead').style.display = "none";
47 |         } else {
48 |             document.getElementById('dialogboxhead').innerHTML = '<i class="fa fa-exclamation-circle" aria-hidden="true"></i> '+ title;
49 |         }
50 | 
51 |         document.getElementById('dialogboxbody').innerHTML = message;    
52 | }


--------------------------------------------------------------------------------
/src/js/components/dialogbox/custompopupStyle.css:
--------------------------------------------------------------------------------
  1 | @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
  2 | 
  3 | /* ---------------Animation---------------- */
  4 | 
  5 | .slide-in-top {
  6 | 	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  7 | 	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  8 | }
  9 | /* ----------------------------------------------
 10 |  * Generated by Animista on 2020-4-13 0:23:43
 11 |  * Licensed under FreeBSD License.
 12 |  * See http://animista.net/license for more info. 
 13 |  * w: http://animista.net, t: @cssanimista
 14 |  * ---------------------------------------------- */
 15 | 
 16 | /**
 17 |  * ----------------------------------------
 18 |  * animation slide-in-top
 19 |  * ----------------------------------------
 20 |  */
 21 |  @-webkit-keyframes slide-in-top {
 22 |     0% {
 23 |       -webkit-transform: translateY(-1000px);
 24 |               transform: translateY(-1000px);
 25 |       opacity: 0;
 26 |     }
 27 |     100% {
 28 |       -webkit-transform: translateY(0);
 29 |               transform: translateY(0);
 30 |       opacity: 1;
 31 |     }
 32 |   }
 33 |   @keyframes slide-in-top {
 34 |     0% {
 35 |       -webkit-transform: translateY(-1000px);
 36 |               transform: translateY(-1000px);
 37 |       opacity: 0;
 38 |     }
 39 |     100% {
 40 |       -webkit-transform: translateY(0);
 41 |               transform: translateY(0);
 42 |       opacity: 1;
 43 |     }
 44 |   }
 45 |   
 46 | 
 47 | 
 48 | 
 49 | 
 50 | 
 51 | 
 52 | 
 53 | 
 54 | 
 55 | 
 56 | 
 57 | 
 58 | 
 59 | 
 60 | .slit-in-vertical {
 61 | 	-webkit-animation: slit-in-vertical 0.45s ease-out both;
 62 | 	        animation: slit-in-vertical 0.45s ease-out both;
 63 | }
 64 | 
 65 | @-webkit-keyframes slit-in-vertical {
 66 |   0% {
 67 |     -webkit-transform: translateZ(-800px) rotateY(90deg);
 68 |             transform: translateZ(-800px) rotateY(90deg);
 69 |     opacity: 0;
 70 |   }
 71 |   54% {
 72 |     -webkit-transform: translateZ(-160px) rotateY(87deg);
 73 |             transform: translateZ(-160px) rotateY(87deg);
 74 |     opacity: 1;
 75 |   }
 76 |   100% {
 77 |     -webkit-transform: translateZ(0) rotateY(0);
 78 |             transform: translateZ(0) rotateY(0);
 79 |   }
 80 | }
 81 | @keyframes slit-in-vertical {
 82 |   0% {
 83 |     -webkit-transform: translateZ(-800px) rotateY(90deg);
 84 |             transform: translateZ(-800px) rotateY(90deg);
 85 |     opacity: 0;
 86 |   }
 87 |   54% {
 88 |     -webkit-transform: translateZ(-160px) rotateY(87deg);
 89 |             transform: translateZ(-160px) rotateY(87deg);
 90 |     opacity: 1;
 91 |   }
 92 |   100% {
 93 |     -webkit-transform: translateZ(0) rotateY(0);
 94 |             transform: translateZ(0) rotateY(0);
 95 |   }
 96 | }
 97 | 
 98 | /*---------------#region Alert--------------- */
 99 | 
100 | #dialogoverlay{
101 |   display: none;
102 |   opacity: .8;
103 |   position: fixed;
104 |   top: 0px;
105 |   left: 0px;
106 |   background: #707070;
107 |   width: 100%;
108 |   z-index: 10;
109 | }
110 | 
111 | #dialogbox{
112 |   display: none;
113 |   position: absolute;
114 |   /* background: rgb(0, 47, 43); */
115 |   background: #E1DEE0;
116 |   border-radius:7px; 
117 |   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.575);
118 |   transition: 0.3s;
119 |   width: 40%;
120 |   z-index: 10;
121 |   top:0;
122 |   left: 0;
123 |   right: 0;
124 |   margin: auto;
125 | }
126 | 
127 | #dialogbox:hover {
128 |   box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.911);
129 | }
130 | 
131 | /* .container {
132 |   padding: 2px 16px;
133 | } */
134 | 
135 | .pure-material-button-contained {
136 |   position: relative;
137 |   display: inline-block;
138 |   box-sizing: border-box;
139 |   border: none;
140 |   border-radius: 4px;
141 |   padding: 0 16px;
142 |   min-width: 64px;
143 |   height: 36px;
144 |   vertical-align: middle;
145 |   text-align: center;
146 |   text-overflow: ellipsis;
147 |   text-transform: uppercase;
148 |   color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
149 |   background-color: rgb(var(--pure-material-primary-rgb, 51, 133, 255));
150 |   /* background-color: rgb(1, 47, 61) */
151 |   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
152 |   font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
153 |   font-size: 14px;
154 |   font-weight: 500;
155 |   line-height: 36px;
156 |   overflow: hidden;
157 |   outline: none;
158 |   cursor: pointer;
159 |   transition: box-shadow 0.2s;
160 | }
161 | 
162 | .pure-material-button-contained::-moz-focus-inner {
163 |   border: none;
164 | }
165 | 
166 | /* ---------------Overlay--------------- */
167 | 
168 | .pure-material-button-contained::before {
169 |   content: "";
170 |   position: absolute;
171 |   top: 0;
172 |   bottom: 0;
173 |   left: 0;
174 |   right: 0;
175 |   background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
176 |   opacity: 0;
177 |   transition: opacity 0.2s;
178 | }
179 | 
180 | /* Ripple */
181 | .pure-material-button-contained::after {
182 |   content: "";
183 |   position: absolute;
184 |   left: 50%;
185 |   top: 50%;
186 |   border-radius: 50%;
187 |   padding: 50%;
188 |   width: 32px; /* Safari */
189 |   height: 32px; /* Safari */
190 |   background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
191 |   opacity: 0;
192 |   transform: translate(-50%, -50%) scale(1);
193 |   transition: opacity 1s, transform 0.5s;
194 | }
195 | 
196 | /* Hover, Focus */
197 | .pure-material-button-contained:hover,
198 | .pure-material-button-contained:focus {
199 |   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
200 | }
201 | 
202 | .pure-material-button-contained:hover::before {
203 |   opacity: 0.08;
204 | }
205 | 
206 | .pure-material-button-contained:focus::before {
207 |   opacity: 0.24;
208 | }
209 | 
210 | .pure-material-button-contained:hover:focus::before {
211 |   opacity: 0.3;
212 | }
213 | 
214 | /* Active */
215 | .pure-material-button-contained:active {
216 |   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
217 | }
218 | 
219 | .pure-material-button-contained:active::after {
220 |   opacity: 0.32;
221 |   transform: translate(-50%, -50%) scale(0);
222 |   transition: transform 0s;
223 | }
224 | 
225 | /* Disabled */
226 | .pure-material-button-contained:disabled {
227 |   color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
228 |   background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.12);
229 |   box-shadow: none;
230 |   cursor: initial;
231 | }
232 | 
233 | .pure-material-button-contained:disabled::before {
234 |   opacity: 0;
235 | }
236 | 
237 | .pure-material-button-contained:disabled::after {
238 |   opacity: 0;
239 | }
240 | 
241 | #dialogbox > div{ 
242 |   background:#FFF; 
243 |   margin:8px; 
244 | }
245 | 
246 | #dialogbox > div > #dialogboxhead{ 
247 |   /* background: rgb(0, 77, 70);  */
248 |   background:#3385FF;
249 |   font-size:19px; 
250 |   padding:10px; 
251 |   color:rgb(255, 255, 255); 
252 |   font-family: Verdana, Geneva, Tahoma, sans-serif ;
253 | }
254 | 
255 | #dialogbox > div > #dialogboxbody{ 
256 |   /* background:rgb(0, 47, 43);  */
257 |   background: #E1DEE0;
258 |   padding:20px; 
259 |   color: black; 
260 |   font-family: Verdana, Geneva, Tahoma, sans-serif ;
261 | }
262 | 
263 | #dialogbox > div > #dialogboxfoot{ 
264 |   /* background: rgb(0, 47, 43);  */
265 |   background: #E1DEE0;
266 |   padding:10px; 
267 |   text-align:right; 
268 | }
269 | /*#endregion Alert*/


--------------------------------------------------------------------------------
/src/js/components/logic/app.logic.js:
--------------------------------------------------------------------------------
 1 | import * as appSignalR from './lib/app.signalr';
 2 | 
 3 | var sr = null;
 4 | class AppLogic {
 5 | 
 6 |     constructor() {
 7 |         this.isTokenRequired = false;
 8 |         this.isBasicView = true;
 9 |     }
10 | 
11 |     Init(options) {
12 | 
13 |         if(this.isBasicView !== true && this.isTokenRequired === true) {
14 |             //adding new property to options object
15 |             options["isTokenRequired"] = true;
16 |         } 
17 |         else {
18 |             options["isTokenRequired"] = false;
19 |         }
20 |         
21 |         sr = new appSignalR.SignalRApp(options.url);
22 |         sr.Init(options);        
23 |     }
24 |     
25 |     OnConnect(onSuccess, onError) {
26 |         sr.OnConnect(onSuccess, onError);
27 |     }
28 |     
29 |     OnSend(options, beforeInvoke, onError) {
30 |         sr.OnSend(options, beforeInvoke, onError);
31 |     }
32 |     
33 |     OnReceive(callback) { 
34 |         sr.OnReceive(callback);
35 |     }
36 |     
37 |     OnDisconnect(onSuccess, onError) { 
38 |         sr.OnDisconnect(onSuccess, onError);
39 |     }
40 | 
41 |     EnableAuth() {
42 |         this.isTokenRequired = true;
43 |     }
44 | 
45 |     DisableAuth() {
46 |         this.isTokenRequired = false;
47 |     }
48 | 
49 |     IsAuthEnabled() {
50 |         return this.isTokenRequired;
51 |     }
52 | 
53 |     GetCurrentView() {
54 |         return this.isBasicView;
55 |     }
56 | 
57 |     SetCurrentViewAsBasic() {
58 |         this.isBasicView = true;
59 |     }
60 | 
61 |     SetCurrentViewAsAdvance() {
62 |         this.isBasicView = false;
63 |     }
64 | }
65 | 
66 | export { AppLogic }


--------------------------------------------------------------------------------
/src/js/components/logic/lib/app.common.js:
--------------------------------------------------------------------------------
 1 | import mitt from 'mitt';
 2 | 
 3 | const ContentType = { 
 4 |     TEXT : "Text",
 5 |     NUMBER : "Number",
 6 |     JSON : "JSON"
 7 | }
 8 | 
 9 | const AppEvents = mitt();
10 | 
11 | function DisableElementByClassName(className) {
12 |     var el = document.getElementsByClassName(className);
13 | 
14 |     for (var i = 0; i < el.length; i++) {
15 |         el[i].disabled = true;
16 |     }
17 | }
18 | 
19 | function EnableElementByClassName(className) {
20 |     var el = document.getElementsByClassName(className);
21 | 
22 |     for (var i = 0; i < el.length; i++) {
23 |         el[i].disabled = false;
24 |     }
25 | }
26 | 
27 | function HideElementByClassName(className) {
28 |     var el = document.getElementsByClassName(className);
29 | 
30 |     for (var i = 0; i < el.length; i++) {
31 |         el[i].style.display = "node";
32 |     }
33 | }
34 | 
35 | function ShowElementByClassName(className) {
36 |     var el = document.getElementsByClassName(className);
37 | 
38 |     for (var i = 0; i < el.length; i++) {
39 |         el[i].style.display = "block";
40 |     }
41 | }
42 | 
43 | function IsValidUrl(url)
44 | {
45 |     var pattern = new RegExp('^(https?:\\/\\/)?'+ // protocol
46 |     '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.?)+[a-z]{2,}|'+ // domain name
47 |     '((\\d{1,3}\\.){3}\\d{1,3}))'+ // ip (v4) address
48 |     '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*'+ //port
49 |     '(\\?[;&a-z\\d%_.~+=-]*)?'+ // query string
50 |     '(\\#[-a-z\\d_]*)?$','i');
51 |     return pattern.test(url);
52 | }
53 | 
54 | function IsValidJSON(data)
55 | {
56 |     try {
57 |             JSON. parse(str);
58 |         } catch (e) {
59 |             return false;
60 |         }        
61 | }
62 | 
63 | export { 
64 |     ContentType, 
65 |     AppEvents, 
66 |     EnableElementByClassName, 
67 |     DisableElementByClassName,
68 |     HideElementByClassName,
69 |     ShowElementByClassName,
70 |     IsValidUrl,
71 |     IsValidJSON
72 |  };


--------------------------------------------------------------------------------
/src/js/components/logic/lib/app.signalr.js:
--------------------------------------------------------------------------------
  1 | import * as SignalR from "@microsoft/signalr";
  2 | import { AppEvents } from './app.common';
  3 | 
  4 | class SignalRApp {
  5 |     constructor(url) {
  6 |         this.url = url;
  7 |         this.connection = null;
  8 |         this.isConnected = false;
  9 |         this.processResponse = null;
 10 |     }
 11 | 
 12 |     Init(options) {
 13 | 
 14 |         var confguration = {};
 15 |         if(options.isTokenRequired === true) {
 16 |            // options.skipNegotiation = true;
 17 |            confguration.accessTokenFactory = () => options.getToken();
 18 |         }
 19 | 
 20 |         switch(options.transportType) {
 21 |             case "ws":
 22 |                 confguration.transport = SignalR.HttpTransportType.WebSockets;
 23 |               break;
 24 |             case "lp":
 25 |                 confguration.transport = SignalR.HttpTransportType.LongPolling;
 26 |               break;
 27 |               case "sse":
 28 |                 confguration.transport = SignalR.HttpTransportType.ServerSentEvents;
 29 |                 break;
 30 |             default:
 31 |                 confguration.transport = SignalR.HttpTransportType.WebSockets;
 32 |         }
 33 | 
 34 |         //confguration.logMessageContent = true;
 35 |         if(!!options.skipNegotiation) {
 36 |             confguration.skipNegotiation = options.skipNegotiation;
 37 |         }
 38 |                 
 39 |         this.connection = new SignalR.HubConnectionBuilder()
 40 |             .withUrl(options.url, confguration)
 41 |             .configureLogging(SignalR.LogLevel.Information)
 42 |             .withAutomaticReconnect([0, 3000, 5000, 10000, 15000, 30000])
 43 |             .build();
 44 | 
 45 |         //Receive Data
 46 |         //Reading the raw response
 47 |         var self = this;
 48 |         self.processResponse = self.connection.processIncomingData;
 49 | 
 50 |         self.connection.processIncomingData = function (data) {
 51 |             self.processResponse.call(self.connection, data);
 52 |             self.HandleResponse(data);
 53 |         }
 54 | 
 55 |         self.connection.onreconnecting((error) => {
 56 |             AppEvents.emit('Logger', `Connection lost due to error "${error}". Reconnecting.`);
 57 |             console.log('On Reconnecting...');
 58 |         });
 59 | 
 60 |         self.connection.onreconnected((connectionId) => {
 61 |             AppEvents.emit('Logger', `Reconnected successfully`);
 62 |             console.log('On Reconnected...');
 63 |         });
 64 |     }
 65 |     
 66 |     
 67 |     OnConnect(onSuccess, onError) {
 68 |         var self = this;
 69 |         self.connection.start()
 70 |             .then(function (data) {
 71 |                 onSuccess({ url: self.url });
 72 |             })
 73 |             .catch(function (err) {
 74 |                 onError(err)
 75 |             });
 76 |     }
 77 |     
 78 |     OnSend(options, beforeInvoke, onError) {
 79 |         var methodArguments = new Array();
 80 |         methodArguments = options.methodArguments;
 81 |     
 82 |         beforeInvoke(options);
 83 |         this.connection.invoke(options.methodName, ...methodArguments)
 84 |             .catch(function (err) {
 85 |                 onError(err);
 86 |             });
 87 |     }
 88 |     
 89 |     OnReceive(callback) {
 90 |     }
 91 |     
 92 |     OnDisconnect(onSuccess, onError) {
 93 |         this.connection.stop()
 94 |             .then(function () {
 95 |                 onSuccess();
 96 |             })
 97 |             .catch(function (err) {
 98 |                 onError(err);
 99 |             });
100 |     }
101 | 
102 |     HandleResponse(input) {
103 |         AppEvents.emit('Logger', input.toString());
104 |         var output = this.ParseRespose(input);
105 |         if(output !== null) {
106 |             
107 |             output.forEach((e) => {
108 |                 var jsonObj = JSON.parse(e);
109 | 
110 |                 if(jsonObj !== null && jsonObj.hasOwnProperty('target')) {
111 |                     AppEvents.emit('ReceivedData', { "ClientMethod": jsonObj.target, "Data": jsonObj.arguments });
112 |                 }
113 |             });
114 |         }
115 |     }
116 | 
117 |     ParseRespose(input) {
118 | 
119 |         if (typeof input !== "string") {
120 |             console.log("Invalid input for JSON hub protocol. Expected a string.");
121 |             return null; 
122 |             //throw new Error("Invalid input for JSON hub protocol. Expected a string.");
123 |         }
124 | 
125 |         var separator = String.fromCharCode(0x1e);
126 |         if (input[input.length - 1] !== separator) {
127 |             console.log("Message is incomplete.");
128 |             //throw new Error("Message is incomplete.");
129 |             return null; 
130 |         }
131 | 
132 |         var messages = input.split(separator);
133 |         messages.pop();
134 |         return messages;
135 |     }
136 | }
137 | 
138 | export { SignalRApp }


--------------------------------------------------------------------------------
/src/js/components/srform.component.js:
--------------------------------------------------------------------------------
  1 | import * as srFrom from './srform';
  2 | 
  3 | 
  4 | class SrFormComponent extends HTMLElement {
  5 |     constructor() {
  6 |         super();
  7 |     }
  8 |     
  9 |     static get observedAttributes() {
 10 |         return ['type'];
 11 |     }
 12 |     get getType() {
 13 |          return this.getAttribute('type');
 14 |     }
 15 | 
 16 |     connectedCallback() {
 17 |         this.render();
 18 |         srFrom.Init();
 19 |     }
 20 | 
 21 |     disconnectedCallback() {
 22 |     }
 23 | 
 24 |     attributeChangedCallback(attrName, oldVal, newVal) {
 25 |         this.render();
 26 |       }
 27 | 
 28 |     render() {
 29 | 
 30 |         var divStyle = this.getType === "advance" ? "style='display:block'" : "style='display:none'";
 31 |         this.innerHTML = ` 
 32 |         <div class="container">
 33 |             <form class="form-horizontal">
 34 |                 <fieldset>
 35 |                     
 36 |                     <div class="form-group">
 37 |                         <div class="row">
 38 |                             <div class="col-sm-2">
 39 |                                 <label for="inputUrl" class="col-form-label label-title">Hub Address</label>
 40 |                             </div>
 41 |                             <div class="col-sm-8">
 42 |                                 <input type="text" class="form-control inputUrl" id="inputUrl" placeholder="Url" value="https://localhost:5001/Test/Hub" />
 43 |                                 <span class="error" aria-live="polite"></span>
 44 |                             </div>
 45 | 
 46 |                             <div class="col-sm-2 checkbox-container" id="logger-chk-container">                               
 47 |                                 <label  class="col-sm-2 col-form-label mdl-switch  mdl-js-switch mdl-js-ripple-effect" for="chk-loggerView">
 48 |                                     <input type="checkbox" id="chk-loggerView" class="col-sm-1 col-form-label mdl-switch__input" value="Logger View" />
 49 |                                     <!--<span  class="mdl-switch__label">Logging</span> -->                                                
 50 |                                 </label>
 51 |                                 <!-- If we add tool tip, then extra border will appear on click
 52 |                                 <div class="mdl-tooltip" data-mdl-for="logger-chk-container">Logging</div> -->
 53 |                             </div>
 54 |                         </div>
 55 |                     </div>
 56 | 
 57 | 
 58 |                     <div class="form-group onconnect" id="auth-container">
 59 |                         <div class="row">
 60 |                             <div class="col-sm-2 ">
 61 |                                 <label for="authHeader" class="col-form-label label-title">Authentication Header</label>
 62 |                             </div>
 63 |                             <div class="col-sm-8">
 64 |                                 <input type="text" class="form-control" id="authHeader" placeholder="Token" disabled />
 65 |                                 <span class="error" aria-live="polite"></span>
 66 |                             </div>
 67 |                             <div class="col-sm-2">
 68 |                                 <div class="form-check form-check-inline">
 69 |                                     <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="chk-req-token">
 70 |                                         <input type="checkbox" id="chk-req-token" class="mdl-checkbox__input chk-req-token" />
 71 |                                         <span class="mdl-checkbox__label chk-text">Token Required</span>
 72 |                                     </label>
 73 |                                 </div>
 74 |                             </div>
 75 |                         </div>
 76 |                     </div>
 77 | 
 78 |                     <div class="form-group onconnect scale-in-ver-top" ${divStyle} id="protocol-support">
 79 |                         <div class="row">
 80 |                             <div class="col-sm-2">
 81 |                                 <label class="col-form-label label-title">Transport Type</label>
 82 |                             </div>
 83 |                             <div class="col-sm-10">
 84 |                                 <div class="form-check form-check-inline">
 85 |                                     <!--
 86 |                                         <input type="checkbox" id="chk-ws" class="form-check-input protocol-support" value="ws" checked/>
 87 |                                             <label class="form-check-label" for="chk-ws">
 88 |                                             WebSocket
 89 |                                         </label>
 90 |                                     -->
 91 |                                     <!--
 92 |                                         <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="chk-ws">
 93 |                                             <input type="checkbox" id="chk-ws" class="mdl-checkbox__input protocol-support" value="ws" checked />
 94 |                                             <span class="mdl-checkbox__label chk-text">WebSocket</span>
 95 |                                         </label>
 96 |                                     -->
 97 |                                     
 98 |                                     <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="chk-ws">
 99 |                                         <input type="radio" id="chk-ws" class="mdl-radio__button protocol-support" name="transportType" value="ws" checked>
100 |                                         <span class="mdl-radio__label">WebSocket</span>
101 |                                     </label>
102 |                                 </div>
103 |                                 <div class="form-check form-check-inline">
104 |                                 <!--
105 |                                     <input type="checkbox" id="chk-lp" class="form-check-input protocol-support" disabled checked value="lp" />
106 |                                         <label class="form-check-label" for="chk-lp">
107 |                                         Long Pooling
108 |                                     </label>
109 |                                 -->
110 |                                 <!--
111 |                                     <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="chk-lp">
112 |                                         <input type="checkbox" id="chk-lp" class="mdl-checkbox__input protocol-support" disabled checked value="lp" />
113 |                                         <span class="mdl-checkbox__label chk-text">Long Polling</span>
114 |                                     </label>
115 |                                 -->
116 | 
117 |                                     <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="chk-lp">
118 |                                         <input type="radio" id="chk-lp" class="mdl-radio__button protocol-support" name="transportType"  value="lp">
119 |                                         <span class="mdl-radio__label">Long Polling</span>
120 |                                     </label>
121 |                                 </div>
122 |                                 <div class="form-check form-check-inline">
123 |                                 <!--
124 |                                     <input type="checkbox" id="chk-sse"  class="form-check-input protocol-support" value="sse" />
125 |                                         <label class="form-check-label" for="chk-sse">
126 |                                             Server Send Event
127 |                                     </label>
128 |                                 -->
129 |                                 <!--
130 |                                     <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="chk-sse">
131 |                                         <input type="checkbox" id="chk-sse" class="mdl-checkbox__input protocol-support" checked value="sse" />
132 |                                         <span class="mdl-checkbox__label chk-text">Server Send Event</span>
133 |                                     </label>
134 |                                 -->
135 |                                     <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="chk-sse">
136 |                                         <input type="radio" id="chk-sse" class="mdl-radio__button protocol-support" name="transportType" value="sse">
137 |                                         <span class="mdl-radio__label">Server Send Event</span>
138 |                                     </label>
139 |                                 </div>
140 |                             </div>
141 |                         </div>
142 |                     </div>
143 | 
144 |                     <div class="form-group scale-in-ver-top" ${divStyle} id="content-negotiation">
145 |                         <div class="row">
146 |                             <div class="col-sm-2">
147 |                                 <label class="col-form-label label-title">Skip Negotiation</label>
148 |                             </div>
149 |                             <div class="col-sm-10">
150 |                                 <div class="form-check">                                    
151 |                                     <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="chk-skip-negotiation">
152 |                                         <input type="checkbox" id="chk-skip-negotiation" class="mdl-switch__input skip-negotiation">
153 |                                         <span class="mdl-switch__label"></span>
154 |                                     </label>
155 |                                     <p class="skip-negotiation-desc">
156 |                                     Skip negotiation only supported when the WebSockets transport is the 
157 |                                     only enabled transport. This setting can't be enabled 
158 |                                     when using the Azure SignalR Service.</p>
159 |                                 </div>
160 | 
161 |                             </div>
162 |                         </div>
163 |                     </div>
164 | 
165 |                     <div class="form-group">
166 |                         <div class="row">
167 |                             <div class="col-sm-10 offset-sm-2">
168 |                                 <input type="button" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--primary connectbtn" id="btn-connect" value="Connect" />
169 |                             </div>
170 |                         </div>
171 |                     </div>
172 |                     
173 |                     <div class="form-group onconnect">
174 |                         <div class="row">
175 |                             <div class="col-sm-2">
176 |                                 <label for="inputServerMethod" class="col-form-label label-title">Server Method</label>
177 |                             </div>
178 |                             <div class="col-sm-10">
179 |                                 <input type="text" class="form-control" id="inputServerMethod" placeholder="Server Method Name" />
180 |                                 <span class="error" aria-live="polite"></span>
181 |                             </div>
182 |                         </div>
183 |                     </div>
184 | 
185 |                     <div class="form-group onconnect">
186 |                         <div class="row">
187 |                             <div class="col-sm-2">
188 |                                 <label for="inputRequestData" class="col-form-label label-title">Request Payload</label>
189 |                             </div>
190 |                             <div class="col-sm-10">                                            
191 |                                 <input type="button" value="Add Argument" id="inputRequestData" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--primary  btn-add-argument" />
192 |                                 <div>
193 |                                     <div class="col-sm-10">
194 |                                         <div id="method-arguments" class="form-group method-arguments"></div>
195 |                                     </div>
196 |                                 </div>
197 |                             </div>                            
198 |                         </div>
199 |                     </div>
200 |                     <div class="form-group row onconnect scale-in-ver-top">
201 |                         <div class="col-sm-4 offset-sm-2 btn-group">
202 |                             <input type="button" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--primary  btn-send-payload" id="btn-send-payload" value="Send"/>
203 |                             <input type="button" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--primary  disconnectbtn" id="btn-disconnectbtn" value="Disconnect" />
204 |                         </div>
205 |                     </div>
206 |                     <div class="form-group onconnect scale-in-ver-top">
207 |                         <div class="row">
208 |                             <div class="col-sm-2">
209 |                                 <label for="inputResponseData" class="col-form-label label-title">Response Payload</label>
210 |                             </div>
211 |                             <div class="col-sm-10">
212 |                                 <div rows="2" class="logger-text" id="inputResponseData"></div>
213 |                             </div>
214 |                         </div>
215 |                     </div>
216 | 
217 |                     <div class="form-group logger-container loggerView" style="display:none" id="logger-container">                                    
218 |                         
219 |                         <!--<div class="bg-gray" id="loggerView">-->
220 |                             <div class="row">
221 |                                 <div class="col-sm-1">
222 |                                     <div class="col-form-label logger-header">Logs</div>
223 |                                 </div>
224 |                                 <div class="col-sm-2 offset-sm-9">
225 |                                     <div class=""> 
226 |                                         <input type="button" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--primary " id="btn-clearlogs" value="Clear" />
227 |                                         <br/>
228 |                                     </div>
229 |                                     
230 |                                 </div>
231 |                             </div>
232 |                             <div class="row">
233 |                                 <div class="col-sm-12">
234 |                                     <div class="container logger-text" id="app-logs"></div>
235 |                                 </div>
236 |                             </div>
237 |                             <!--</div>-->
238 |                     </div>
239 |                 </fieldset>
240 |             </form>
241 |         <div>
242 |         `;
243 |     }
244 | }
245 | 
246 | if(!window.customElements.get("sr-form")) {
247 |     window.customElements.define("sr-form", SrFormComponent);  
248 | }
249 | 


--------------------------------------------------------------------------------
/src/js/components/srform.js:
--------------------------------------------------------------------------------
  1 | import deleteImg from '../../images/delete.png';
  2 | import notificationSound from '../../assets/Notification.wav';
  3 | import { AppLogic } from './logic/app.logic';
  4 | import * as AppCommon from './logic/lib/app.common';
  5 | import * as Dialogbox from '../components/dialogbox/custompopup';
  6 | 
  7 | var isConnected = false;
  8 | var transportType = "ws";
  9 | var skipNegotiation = false;
 10 | //#region ConnectedEvent
 11 | AppCommon.AppEvents.on('Init', () => {
 12 | 
 13 | });
 14 | //#endregion
 15 | 
 16 | //#region OnDisconnected
 17 | AppCommon.AppEvents.on('OnDisconnected', () => {
 18 |     if (window.appLogic.GetCurrentView() !== true) {
 19 |         EnableMdlElement('protocol-support');
 20 |         EnableMdlElement('skip-negotiation');
 21 |         EnableMdlElement('chk-req-token')
 22 |     }
 23 | });
 24 | //#endregion
 25 | 
 26 | export function Init() {
 27 |     window.appLogic = new AppLogic();
 28 |     //Connect Button Events
 29 |     document.getElementById('btn-connect')
 30 |         .addEventListener('click',
 31 |             function () {
 32 |                 OnConnect();
 33 |             },
 34 |             false);
 35 | 
 36 |     //Disconnect Button Events
 37 |     document.getElementById('btn-disconnectbtn')
 38 |         .addEventListener('click',
 39 |             function () {
 40 |                 OnDisconnect();
 41 |             },
 42 |             false);
 43 | 
 44 |     //Send Payload Button Events
 45 |     document.getElementById('btn-send-payload')
 46 |         .addEventListener('click',
 47 |             function () {
 48 |                 SendPayload();
 49 |             },
 50 |             false);
 51 | 
 52 |     document.getElementById('chk-loggerView')
 53 |         .addEventListener('change', (event) => {
 54 |             if (event.target.checked) {
 55 |                 document.getElementById('logger-container').style.display = "block";
 56 |             } else {
 57 |                 document.getElementById('logger-container').style.display = "none";
 58 |             }
 59 |         });
 60 | 
 61 |     document.getElementById('chk-skip-negotiation')
 62 |         .addEventListener('change', (event) => {
 63 |             if (event.target.checked) {
 64 |                 skipNegotiation = true;
 65 |             } else {
 66 |                 skipNegotiation = false;
 67 |             }
 68 |         });
 69 | 
 70 |     const muteNotifcationElement = document.getElementById('chk-mute-notification');
 71 |     var notifcationMute = window.localStorage.getItem('muteNotification');
 72 |     console.log('1 Notification data-' +  notifcationMute);
 73 |     
 74 |     if((!!notifcationMute) === false) {
 75 |         window.localStorage.setItem('muteNotification', 0);
 76 |         notifcationMute = 0;
 77 |     }
 78 | 
 79 |     muteNotifcationElement.checked = parseInt(notifcationMute) === 1;
 80 | 
 81 |     muteNotifcationElement.addEventListener('change', (event) => {
 82 |         if (event.target.checked) {
 83 |             window.localStorage.setItem('muteNotification', 1);
 84 |         } else {
 85 |             window.localStorage.setItem('muteNotification', 0);
 86 |         }
 87 |     });
 88 | 
 89 |     document.getElementById('btn-clearlogs')
 90 |         .addEventListener('click', (event) => {
 91 |             document.getElementById("app-logs").innerHTML = "";
 92 |         },
 93 |             false);
 94 | 
 95 |     AppCommon.AppEvents.on('Logger', (message) => {
 96 |         var msg = "[" + new Date().toISOString() + "] :: " + message;
 97 |         var loggerElement = document.getElementById("app-logs");        
 98 |         var oldLogs = loggerElement.innerHTML;
 99 |         document.getElementById("app-logs").innerHTML = '<p>' + msg + '</p>' + oldLogs;
100 |     });
101 | 
102 |     AppCommon.AppEvents.on('ConnectionFailed', (message) => {
103 |         isConnected = false;
104 |         //alert('Connection Failed: Not able to establised the connection. Please check the Url.');
105 |         Dialogbox.Alert('Not able to establised the connection. Please check the logs for more information.', 'Connection Failed');
106 |         AppCommon.AppEvents.off('ReceivedData', HandleResponse);
107 |     });
108 | 
109 |     AppCommon.AppEvents.on('OnConnected', OnConnected);
110 | 
111 |     NotConnected();
112 |     RigisterNavigationTabEvent();
113 | 
114 |     document.getElementById('chk-req-token')
115 |         .addEventListener('change', (event) => {
116 |             if (event.target.checked) {
117 |                 document.getElementById('authHeader').disabled = false;
118 |                 window.appLogic.EnableAuth();
119 |             } else {
120 |                 window.appLogic.DisableAuth();
121 |                 document.getElementById('authHeader').disabled = true;
122 |             }
123 |         });
124 | 
125 | }
126 | 
127 | export function RigisterNavigationTabEvent() {
128 | 
129 |     var navLinkClass = document.getElementsByClassName('nav-link');
130 |     for (var i = 0; i < navLinkClass.length; i++) {
131 |         navLinkClass[i].addEventListener('click',
132 |             function () {
133 |                 OnTabChange(this.getAttribute('data-tab-type'));
134 |             },
135 |             false);
136 |     }
137 | }
138 | 
139 | export function OnTabChange(tabName) {
140 |     var appView = document.getElementById('appview');
141 |     var tabHeaderElement = appView.getElementsByTagName('h4')[0];
142 | 
143 |     if (tabName == 'basic') {
144 |         window.appLogic.SetCurrentViewAsBasic();
145 |         AdvanceViewElements(false);
146 |         tabHeaderElement.innerText = "Basic";
147 |     }
148 |     else {
149 |         window.appLogic.SetCurrentViewAsAdvance();
150 |         AdvanceViewElements(true);
151 |         tabHeaderElement.innerText = "Advance";
152 |     }
153 | }
154 | 
155 | export function AdvanceViewElements(enable) {
156 | 
157 |     if (enable === true) {
158 |         document.getElementById('protocol-support').style = 'display:block';        
159 |         document.getElementById('auth-container').style = 'display:block';
160 |         document.getElementById('content-negotiation').style = 'display:block';
161 |         
162 |         if (isConnected === true) {
163 |             document.getElementById('chk-req-token').disabled = true;
164 |             document.getElementById('authHeader').disabled = true;
165 |             DisableMdlElement('protocol-support');
166 |             DisableMdlElement('skip-negotiation');
167 |             DisableMdlElement('chk-req-token')
168 |         }
169 |         else {
170 |             document.getElementById('chk-req-token').disabled = false;
171 |             if (window.appLogic.IsAuthEnabled() === true) {
172 |                 document.getElementById('authHeader').disabled = false;
173 |             }
174 |             EnableMdlElement('protocol-support');
175 |             EnableMdlElement('skip-negotiation');
176 |             EnableMdlElement('chk-req-token')
177 |         }
178 |     }
179 |     else {
180 |         document.getElementById('protocol-support').style = 'display:none';
181 |         document.getElementById('auth-container').style = 'display:none';
182 |         document.getElementById('content-negotiation').style = 'display:none';
183 |     }
184 | }
185 | 
186 | export function AddArguments() {
187 |     //Add Arguments Button Events
188 |     var addArgBtnClass = document.getElementsByClassName('btn-add-argument');
189 |     for (var i = 0; i < addArgBtnClass.length; i++) {
190 |         addArgBtnClass[i].addEventListener('click', AddArgumentsCallBack, false);
191 |     }
192 | }
193 | 
194 | export function AddArgumentsCallBack() {
195 | 
196 |     var parentDiv = document.getElementsByClassName('method-arguments');
197 | 
198 |     for (var i = 0; i < parentDiv.length; i++) {
199 | 
200 |         var divElement = document.createElement('div');
201 |         divElement.setAttribute('class', 'container args-container row');
202 | 
203 | 
204 |         divElement.appendChild(GetTextBoxElement());
205 |         divElement.appendChild(GetImageElement());
206 |         divElement.appendChild(GetSelectElement());
207 |         
208 |         // divElement.append(document.createElement('br'))
209 |         //var hr = document.createElement('hr');
210 |         //hr.setAttribute('class', 'horizontal-line form-group col-sm-10');
211 |         //divElement.appendChild(hr);
212 |         parentDiv[i].appendChild(divElement);
213 |     }
214 | }
215 | 
216 | export function GetSelectElement() {
217 |     var div = document.createElement('div');
218 |     div.setAttribute('class', 'form-group col-sm-4');
219 | 
220 |     var selectElement = document.createElement('select');
221 |     selectElement.setAttribute('class', 'req-content-type form-control');
222 | 
223 |     var optionTxt = document.createElement('option');
224 |     var optionNum = document.createElement('option');
225 |     var optionJsonObj = document.createElement('option');
226 | 
227 |     optionTxt.value = AppCommon.ContentType.TEXT
228 |     optionTxt.text = "Text";
229 |     selectElement.add(optionTxt, null);
230 | 
231 |     optionNum.value = AppCommon.ContentType.NUMBER
232 |     optionNum.text = "Number";
233 |     selectElement.add(optionNum, null);
234 | 
235 |     optionJsonObj.value = AppCommon.ContentType.JSON;
236 |     optionJsonObj.text = "JSON";
237 |     selectElement.add(optionJsonObj, null);
238 | 
239 |     div.appendChild(selectElement);
240 | 
241 |     return div;
242 | }
243 | 
244 | export function GetTextBoxElement() {
245 | 
246 |     var div = document.createElement('div');
247 |     div.setAttribute('class', 'form-group col-sm-11');
248 | 
249 |     var inputTxtElement = document.createElement('textarea');
250 |     inputTxtElement.setAttribute("row", "1");
251 |     inputTxtElement.setAttribute("value", "");
252 |     inputTxtElement.setAttribute("class", "form-control req-arg-txt");
253 |     inputTxtElement.setAttribute("placeholder", "Request Payload");
254 | 
255 |     div.appendChild(inputTxtElement);
256 |     return div;
257 | }
258 | 
259 | export function GetImageElement() {
260 |     var div = document.createElement('div');
261 |     div.setAttribute('class', 'form-group col-sm-1 float-right');
262 | 
263 |     var imgElement = document.createElement('img');
264 |     imgElement.src = deleteImg;
265 |     imgElement.addEventListener('click', function () {
266 |         this.parentElement.parentElement.remove();
267 |     });
268 |     div.appendChild(imgElement);
269 |     return div;
270 | }
271 | 
272 | export function ReadArguments() {
273 |     var requestArgs = new Array();
274 |     var argsContainers = document.querySelectorAll('.args-container');
275 | 
276 |     if (argsContainers.length == 0) {
277 |         return requestArgs;
278 |     }
279 | 
280 |     argsContainers.forEach((el) => {
281 |         var textBox = el.querySelector('.req-arg-txt').value;
282 |         var selectList = el.querySelector('.req-content-type').value;
283 | 
284 |         if (textBox !== "") {
285 |             requestArgs.push({ cType: selectList, data: textBox });
286 |         }
287 |     });
288 | 
289 |     return requestArgs;
290 | }
291 | 
292 | export function ReadAndFormatArguments() {
293 |     var args = ReadArguments();
294 |     var requestArguments = new Array();
295 | 
296 |     args.forEach((d) => {
297 |         if (d.cType == AppCommon.ContentType.NUMBER) {
298 |             var data = Number(d.data);
299 |             if(isNaN(data)) {
300 |                 Dialogbox.Alert('Incorrect Data: ' + d.data + ' . Excepted data of type - ' + d.cType, 'Invalid Input');
301 |                 throw 'Invalid Data'
302 |             }
303 |             requestArguments.push(data);
304 |         }
305 |         else if (d.cType == AppCommon.ContentType.JSON) {
306 |             if(AppCommon.IsValidJSON(data)) {
307 |                 Dialogbox.Alert('Incorrect Data: ' + d.data + ' . Excepted data of type - ' + d.cType, 'Invalid Input');
308 |                 throw 'Invalid Data'
309 |             }
310 |             requestArguments.push(JSON.parse(d.data));
311 |         }
312 |         else if (d.cType == AppCommon.ContentType.TEXT) {
313 |             requestArguments.push(d.data);
314 |         }
315 |     });
316 | 
317 |     return requestArguments;
318 | }
319 | 
320 | export function NotConnected() {
321 |     console.log("Not Connected");
322 |     var onConnectClass = document.getElementsByClassName('onconnect');
323 | 
324 |     for (var i = 0; i < onConnectClass.length; i++) {
325 |         onConnectClass[i].style.display = "none";
326 |     }
327 | }
328 | 
329 | export function buildConnection(url) {
330 |     var option = { url: url, getToken: () => document.getElementById('authHeader').value };
331 |     option.transportType = transportType;
332 |     option.skipNegotiation = skipNegotiation;
333 |     window.appLogic.Init(option);
334 | }
335 | 
336 | export function start() {
337 |     window.appLogic.OnConnect(function(data) {
338 |         AppCommon.AppEvents.emit('OnConnected', data);
339 |         AppCommon.AppEvents.emit('Logger', "Connection established successfully with the server");
340 |     }, function(err) {
341 |         AppCommon.AppEvents.emit('ConnectionFailed', err.toString());
342 |         AppCommon.AppEvents.emit('Logger', "ConnectionFailed-> " + err.toString());
343 |     });
344 | }
345 | 
346 | export function connectToServer(url) {
347 |     buildConnection(url);
348 |     start();
349 | }
350 | 
351 | function UrlValidation() {
352 |     const urlElement = document.getElementById("inputUrl");
353 |     const errorElement = urlElement.nextElementSibling;
354 | 
355 |     if (AppCommon.IsValidUrl(urlElement.value)) {
356 |         errorElement.innerText = "";
357 |         errorElement.className = "error";
358 |         return true;
359 |     } else {
360 |             errorElement.innerText = "Invalid Url";
361 |             errorElement.className = 'error active';
362 |             return false;
363 |     }
364 | }
365 | 
366 | function TextboxValidation(element, errorMessage) {
367 |     const errorElement = element.nextElementSibling;
368 | 
369 |     if(!!element.value) {
370 |         errorElement.innerText = "";
371 |         errorElement.className = "error";
372 |         return true;
373 |     } else {
374 |             errorElement.innerText = errorMessage;
375 |             errorElement.className = 'error active';
376 |             return false;
377 |     }
378 | }
379 | 
380 | 
381 | export function OnConnect() {
382 | 
383 |     //Add validation
384 |     if(!UrlValidation()) {
385 |         return;
386 |     }
387 | 
388 |     var isAdvanceView = !window.appLogic.GetCurrentView();
389 |     if (isAdvanceView) {
390 |         SetConnectionProtocol();
391 |         if(!ValidateTokenTextBox()) {
392 |             return;
393 |         }
394 | 
395 |     }               
396 | 
397 |     var urlElement = document.getElementById("inputUrl");
398 |     connectToServer(urlElement.value);
399 | 
400 | }
401 | 
402 | export function OnConnected() {
403 |     var isAdvanceView = !window.appLogic.GetCurrentView(); //true = basicView
404 |     var urlElement = document.getElementById("inputUrl");
405 |     isConnected = true;
406 | 
407 |     DisableMdlElement('chk-req-token')    
408 |     AppCommon.ShowElementByClassName('onconnect');
409 | 
410 |     AdvanceViewElements(isAdvanceView);
411 |     //Hide Connect Button
412 |     AppCommon.DisableElementByClassName('connectbtn');
413 |     AddArguments();
414 | 
415 |     AppCommon.AppEvents.on('ReceivedData', HandleResponse);
416 |     //Disable Url
417 |     urlElement.disabled = true;
418 | }
419 | 
420 | export function HandleResponse(data) {
421 |     var responseDiv = document.querySelector("#inputResponseData");
422 |     responseDiv.innerText += JSON.stringify(data) + '\n';
423 |     responseDiv.scrollTop = responseDiv.scrollHeight;
424 | 
425 |     var isNotificationMute = window.localStorage.getItem('muteNotification');
426 | 
427 |     if(parseInt(isNotificationMute) === 0) {
428 |         let sound = new Audio(notificationSound);
429 |         sound.play();
430 |     }
431 | }
432 | 
433 | export function SetConnectionProtocol() {
434 |     var elements = document.querySelectorAll(".protocol-support");
435 | 
436 |     for (var i = 0; i < elements.length; i++) {
437 |         if (elements[i].value === "ws" && elements[i].checked === true) {
438 |             //WebSocket = undefined;
439 |             transportType = "ws";
440 |             return;
441 |         }
442 |         else if (elements[i].value === "sse" && elements[i].checked === true) {
443 |             //EventSource = undefined;
444 |             transportType = "sse";
445 |             return;
446 |         }
447 |         else if (elements[i].value === "lp" && elements[i].checked === true) {
448 |             transportType = "lp";
449 |             return;
450 |         }
451 |     }
452 | }
453 | 
454 | export function OnDisconnect() {
455 |     isConnected = false;
456 |     Disconnect();
457 |     AppCommon.HideElementByClassName('onconnect');
458 | 
459 |     Reset();
460 |     AppCommon.EnableElementByClassName('connectbtn');
461 |     NotConnected();
462 |     AdvanceViewElements(!window.appLogic.GetCurrentView());
463 |     //Enable URL textBix
464 |     document.getElementById("inputUrl").disabled = false;
465 |     AppCommon.AppEvents.off('ReceivedData', HandleResponse);
466 | }
467 | 
468 | export function Reset() {
469 |     //Clear Server Method Text
470 |     document.getElementById('inputServerMethod').value = "";
471 | 
472 |     var addArgBtnClass = document.getElementsByClassName('btn-add-argument');
473 |     for (var i = 0; i < addArgBtnClass.length; i++) {
474 |         addArgBtnClass[i].removeEventListener('click', AddArgumentsCallBack, false);
475 |     }
476 |     document.getElementById('method-arguments').innerHTML = "";
477 |     var responseDiv = document.querySelector("#inputResponseData");
478 |     responseDiv.innerText = "";
479 | }
480 | 
481 | export function Disconnect() {
482 |     window.appLogic.OnDisconnect(function() {
483 |         AppCommon.AppEvents.emit('Logger', "Disconnected from the server");
484 |         AppCommon.AppEvents.emit('OnDisconnected');
485 |     },
486 |     function(err) {
487 |         AppCommon.AppEvents.emit('Logger', err.toString());
488 |     });
489 | }
490 | 
491 | export function SendPayload() {
492 | 
493 |     const methodNameElement = document.getElementById("inputServerMethod");
494 |     var methodName = methodNameElement.value;   
495 |     if(!TextboxValidation(methodNameElement, "Please enter the Hub method name")) {
496 |         return false;
497 |     }
498 | 
499 |     var methodArguments = new Array();
500 | 
501 |     methodArguments = ReadAndFormatArguments();
502 |     window.appLogic.OnSend({ methodName: methodName, methodArguments: methodArguments },
503 |         function(options) {
504 |             AppCommon.AppEvents.emit('Logger', "Calling server method - " + options.methodName);
505 |         },
506 |         function(err) {
507 |             AppCommon.AppEvents.emit('Logger', err.toString());
508 |             Dialogbox.Alert(err.toString(), 'Error');
509 |         });
510 | }
511 | 
512 | function DisableMdlElement(className) {
513 |     var el = document.getElementsByClassName(className);
514 | 
515 |     for (var i = 0; i < el.length; i++) {
516 |         el[i].disabled = true;
517 |         el[i].parentNode.classList.add("is-disabled");
518 |     }
519 | }
520 | 
521 | function EnableMdlElement(className) {
522 |     var el = document.getElementsByClassName(className);
523 | 
524 |     for (var i = 0; i < el.length; i++) {
525 |         el[i].disabled = false;
526 |         el[i].parentNode.classList.remove("is-disabled");
527 |     }
528 | }
529 | 
530 | function ValidateTokenTextBox() {
531 |     debugger;
532 |     var isTokenReq = document.getElementById('chk-req-token').checked;
533 |     var tokenTxtBox = document.getElementById('authHeader')
534 |     if(isTokenReq) {
535 |         if(!TextboxValidation(tokenTxtBox, "Please enter the Token")) {
536 |             AppCommon.AppEvents.emit('Logger', "Please enter the Token");
537 |             return false;
538 |         }
539 |     } 
540 |     else {
541 |         const errorElement = tokenTxtBox.nextElementSibling;
542 |         errorElement.innerText = "";
543 |         errorElement.className = "error";
544 |         
545 |     }
546 |     return true;
547 | }


--------------------------------------------------------------------------------
/src/js/main.js:
--------------------------------------------------------------------------------
 1 | 
 2 | import 'material-design-lite/material.css'
 3 | import 'material-design-lite/material.js'
 4 | import '@webcomponents/webcomponentsjs/webcomponents-bundle';//WebComponent Pollyfill
 5 | import 'bootstrap/dist/css/bootstrap.css'
 6 | import 'bootstrap/dist/js/bootstrap.js'
 7 | import '../css/main.css';
 8 | // import './components/custom.alertbox';
 9 | import './components/srform.component';
10 | import './components/app.component';


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const path = require('path');
 2 | var assets = path.resolve(__dirname, 'src/assets');
 3 | const HtmlWebPackPlugin = require('html-webpack-plugin');
 4 | const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 5 | 
 6 | module.exports = { 
 7 |     entry: __dirname + "/src/js/main.js",
 8 |     output: {
 9 |         filename: 'main.js',
10 |         path: path.resolve(__dirname, 'dist')
11 |       },
12 |     module: {
13 |       rules: [
14 |         {
15 |           test: /\.js$/,
16 |           exclude: /node_modules/,
17 |           use: {
18 |             loader: "babel-loader"
19 |           }
20 |         },
21 |         {
22 |             test: /\.html$/,
23 |             use: [
24 |                 {
25 |                     loader: "html-loader",
26 |                     options: { minimize: true }
27 |                 }
28 |             ]
29 |         },
30 |         {
31 |             test: /\.css$/,
32 |             use: [MiniCssExtractPlugin.loader, "css-loader"]
33 |         },
34 |         {
35 |           //Image Loader code need to refactor
36 |             test: /\.(png|jpg)$/,
37 |             use: [{
38 |               loader: 'url-loader',
39 |               options: {
40 |                 limit: 10000,
41 |                 name: './src/images/[name].[ext]',
42 |                 publicPath: './img/'
43 |               }
44 |             }]            
45 |         },
46 |         {
47 |           //assets file Loader code need to refactor
48 |             test: /\.(ogg|mp3|wav|mpe?g)$/i,
49 |             loader: 'file-loader',
50 |             include: assets,           
51 |         }
52 |       ]
53 |     },
54 |     plugins: [
55 |         new HtmlWebPackPlugin({
56 |             template: "./src/index.html",
57 |             filename: "./index.html"
58 |         }),
59 |         new MiniCssExtractPlugin({
60 |             filename: "[name].css",
61 |             chunkFilename: "[id].css"
62 |         })
63 |     ]
64 |   }


--------------------------------------------------------------------------------