More views modularization for website/extension merge.

Author: sebadoom

views/extension/index.pug

@@ -0,0 +1,3 @@
+extends layout
+
+include ../token-editor.pug

views/token-editor-algorithms.pug

@@ -0,0 +1,16 @@
+select#algorithm-select
+  option(name='algorithm',value='HS256', selected='') HS256
+  option(name='algorithm',value='HS384') HS384
+  option(name='algorithm',value='HS512') HS512
+  option(name='algorithm',value='RS256') RS256
+  option(name='algorithm',value='RS384') RS384
+  option(name='algorithm',value='RS512') RS512
+  option(name='algorithm',value='ES256') ES256
+  option(name='algorithm',value='ES384') ES384
+  //- Unsupported by jsrsasign
+    option(name='algorithm',value='ES512') ES512
+  option(name='algorithm',value='PS256') PS256
+  option(name='algorithm',value='PS384') PS384
+  option(name='algorithm',value='PS512') PS512
+
+  

views/token-editor-common.pug

@@ -0,0 +1,42 @@
+.algorithm-code
+  .tab-nav
+    .tab-link.current
+      a(href='#encoded-jwt') Encoded
+        small paste a token here
+    .tab-link
+      a(href='#decoded-jwt') Decoded
+        small edit the payload and secret
+
+  .tab-content
+    #encoded-jwt.box-content.current
+      .input.js-input
+    #decoded-jwt.box-content
+      .output
+        .jwt-explained.jwt-header
+          p.text-line HEADER:
+            span ALGORITHM & TOKEN TYPE
+          .js-header
+
+        .jwt-explained.jwt-payload
+          p.text-line PAYLOAD:
+            span DATA
+          .js-payload
+            #js-payload-tooltip placeholder
+
+        .jwt-explained.jwt-signature
+          p.text-line VERIFY SIGNATURE
+          pre.pre-encode.HS256.
+            <span id="hmacsha-text">HMACSHA256</span>(
+              base64UrlEncode(header) + "." +
+              base64UrlEncode(payload),
+              <input type="text" name="secret" value="secret">
+            )<span class="is-base64-encoded-label"> <input id="is-base64-encoded" type="checkbox" name="is-base64-encoded"><label for="is-base64-encoded">secret base64 encoded</label></span>
+          pre.pre-encode.RS256.
+            <span id="rsasha-text">RSASHA256</span>(
+              base64UrlEncode(header) + "." +
+              base64UrlEncode(payload),
+              <textarea rows="4" name="public-key" placeholder="Public Key or Certificate. Enter it in plain text only if you want to verify a token"></textarea>,
+              <textarea rows="5" name="private-key" placeholder="Private Key. Enter the it in plain text only if you want to generate a new token. The key never leaves your browser."></textarea>
+            )
+
+.validation-status.js-signature

views/token-editor.pug

@@ -44,7 +44,7 @@ block content
 
   include ebook.pug
 
-  include ../token-editor.pug
+  include token-editor.pug
 
   include libraries.pug
 

views/website/index.pug

@@ -0,0 +1,13 @@
+section#debugger-io.debugger-jwt
+  .container
+    //- a(name='debugger')
+    h1 Debugger
+
+    .jwt-playground
+      .selections
+        .algorithm
+          span Algorithm
+          .jwt-select
+            include ../token-editor-algorithms.pug
+
+      include ../token-editor-common.pug