feat: Fixed copy button for mobile

account.py

@@ -317,7 +317,11 @@ def setDNS(account,domain,records):
     TXTRecords = []
     for record in records:
         if record['type'] == 'TXT':
-            TXTRecords.append(record['value'])
+            if 'txt' not in record:
+                TXTRecords.append(record['value'])
+            else:
+                for txt in record['txt']:
+                    TXTRecords.append(txt)
         elif record['type'] == 'NS':
             newRecords.append({
                 'type': 'NS',
@@ -663,6 +667,42 @@ def getxPub(account):
         }
     
 
+def signMessage(account,domain,message):
+    account_name = check_account(account)
+    password = ":".join(account.split(":")[1:])
+
+    if account_name == False:
+        return {
+            "error": {
+                "message": "Invalid account"
+            }
+        }
+    
+
+    try:
+        response = hsw.rpc_selectWallet(account_name)
+        if response['error'] is not None:
+            return {
+            "error": {
+                "message": response['error']['message']
+            }
+        }
+        response = hsw.rpc_walletPassphrase(password,10)
+        if response['error'] is not None:
+            return {
+            "error": {
+                "message": response['error']['message']
+            }
+        }
+        response = hsw.rpc_signMessageWithName(domain,message)
+        return response
+    except Exception as e:
+        return {
+            "error": {
+                "message": str(e)
+            }
+        }
+
 #endregion
 
 def generateReport(account,format="{name},{expiry},{value},{maxBid}"):

main.py

@@ -90,6 +90,7 @@ def index():
 
     
     domain_count = len(domains)
+    domainsMobile = render.domains(domains,True)
     domains = render.domains(domains)
     
     plugins = ""
@@ -102,7 +103,8 @@ def index():
 
 
     return render_template("index.html", account=account, available=available,
-                           total=total, pending=pending, domains=domains, plugins=plugins,
+                           total=total, pending=pending, domains=domains,
+                           domainsMobile=domainsMobile, plugins=plugins,
                            domain_count=domain_count, sync=account_module.getNodeSync(),
                            sort_price=sort_price,sort_expiry=sort_expiry,
                            sort_domain=sort_domain,sort_price_next=sort_price_next,
@@ -274,6 +276,9 @@ def search():
     search_term = request.args.get("q")
     search_term = search_term.lower().strip()
 
+    # Replace spaces with hyphens
+    search_term = search_term.replace(" ","-")
+    
     # Convert emoji to punycode
     search_term = domainLookup.emoji_to_punycode(search_term)
     if len(search_term) == 0:
@@ -281,14 +286,23 @@ def search():
 
     domain = account_module.getDomain(search_term)
     
+    plugins = "<div class='container-fluid'>"
+    # Execute domain plugins
+    searchFunctions = plugins_module.getSearchFunctions()
+    for function in searchFunctions:
+        functionOutput = plugins_module.runPluginFunction(function["plugin"],function["function"],{"domain":search_term},account_module.check_account(request.cookies.get("account")))
+        plugins += render.plugin_output(functionOutput,plugins_module.getPluginFunctionReturns(function["plugin"],function["function"]))
+
+    plugins += "</div>"
+
     if 'error' in domain:
         return render_template("search.html", account=account,sync=account_module.getNodeSync(),
-                               search_term=search_term, domain=domain['error'])
+                               search_term=search_term, domain=domain['error'],plugins=plugins)
     
     if domain['info'] is None:
         return render_template("search.html", account=account, sync=account_module.getNodeSync(),
                                search_term=search_term,domain=search_term,
-                               state="AVAILABLE", next="Available Now")
+                               state="AVAILABLE", next="Available Now",plugins=plugins)
 
     state = domain['info']['state']
     if state == 'CLOSED':
@@ -329,15 +343,6 @@ def search():
     dns = render.dns(dns)
     txs = render.txs(txs)
 
-    plugins = "<div class='container-fluid'>"
-    # Execute domain plugins
-    searchFunctions = plugins_module.getSearchFunctions()
-    for function in searchFunctions:
-        functionOutput = plugins_module.runPluginFunction(function["plugin"],function["function"],{"domain":search_term},account_module.check_account(request.cookies.get("account")))
-        plugins += render.plugin_output(functionOutput,plugins_module.getPluginFunctionReturns(function["plugin"],function["function"]))
-
-    plugins += "</div>"
-
     return render_template("search.html", account=account, sync=account_module.getNodeSync(),
                            search_term=search_term,domain=domain['info']['name'],
                            raw=domain,state=state, next=next, owner=owner,
@@ -636,6 +641,47 @@ def transfer(domain):
                             sync=account_module.getNodeSync(),action=action,
                             content=content,cancel=cancel,confirm=confirm)
 
+@app.route('/manage/<domain>/sign')
+def signMessage(domain):
+    if request.cookies.get("account") is None:
+        return redirect("/login")
+    
+    account = account_module.check_account(request.cookies.get("account"))
+    if not account:
+        return redirect("/logout")
+    
+    # Get the address and amount
+    message = request.args.get("message")
+
+    if message is None:
+        return redirect("/manage/" + domain + "?error=Invalid message")
+    
+
+    content = "Message to sign:<br><code>" + message + "</code><br><br>"
+    signedMessage = account_module.signMessage(request.cookies.get("account"),domain,message)
+    if signedMessage["error"] != None:
+        return redirect("/manage/" + domain + "?error=" + signedMessage["error"])
+    content += "Signature:<br><code>" + signedMessage["result"] + "</code><br><br>"
+
+    data = {
+        "domain": domain,
+        "message": message,
+        "signature": signedMessage["result"]
+    }
+
+    content += "Full information:<br><code style='text-align:left;display: block;'>" + json.dumps(data,indent=4).replace('\n',"<br>") + "</code><br><br>"
+
+    content += "<textarea style='display: none;' id='data' rows='4' cols='50'>"+json.dumps(data)+"</textarea>"
+
+    copyScript = "<script>function copyToClipboard() {var copyText = document.getElementById('data');copyText.style.display = 'block';copyText.select();copyText.setSelectionRange(0, 99999);document.execCommand('copy');copyText.style.display = 'none';var copyButton = document.getElementById('copyButton');copyButton.innerHTML='Copied';}</script>"
+    content += "<button id='copyButton' onclick='copyToClipboard()' class='btn btn-secondary'>Copy to clipboard</button>" + copyScript
+
+    
+
+    return render_template("message.html", account=account,sync=account_module.getNodeSync(),
+                               title="Sign Message",content=content)
+    
+
 @app.route('/manage/<domain>/transfer/confirm')
 def transferConfirm(domain):
     if request.cookies.get("account") is None:
@@ -770,18 +816,21 @@ def bid(domain):
     if blind == "":
         blind = 0
 
+    bid = float(bid)
+    blind = float(blind)
+
     if bid+blind == 0:
         return redirect("/auction/" + domain+ "?message=Invalid bid amount")
 
     
     # Show confirm page
-    total = float(bid) + float(blind)
+    total = bid + blind
 
     action = f"Bid on {domain}/"
     content = f"Are you sure you want to bid on {domain}/?"
     content += "You are about to bid with the following details:<br><br>"
-    content += f"Bid: {request.args.get('bid')} HNS<br>"
-    content += f"Blind: {request.args.get('blind')} HNS<br>"
+    content += f"Bid: {str(bid)} HNS<br>"
+    content += f"Blind: {str(blind)} HNS<br>"
     content += f"Total: {total} HNS (excluding fees)<br><br>"
 
     cancel = f"/auction/{domain}"
@@ -804,11 +853,22 @@ def bid_confirm(domain):
         return redirect("/logout")
     
     domain = domain.lower()
+    bid = request.args.get("bid")
+    blind = request.args.get("blind")
+
+    if bid == "":
+        bid = 0
+    if blind == "":
+        blind = 0
+
+    bid = float(bid)
+    blind = float(blind)
+
     
     # Send the bid
     response = account_module.bid(request.cookies.get("account"),domain,
-                                  float(request.args.get('bid')),
-                                  float(request.args.get('blind')))
+                                  float(bid),
+                                  float(blind))
     print(response)
     if 'error' in response:
         return redirect("/auction/" + domain + "?message=" + response['error']['message'])
@@ -899,8 +959,15 @@ def settings_action(action):
             return redirect("/settings?error=" + str(resp['error']))
         return redirect("/settings?success=Zapped transactions")
     elif action == "xpub":
+        xpub = account_module.getxPub(request.cookies.get("account"))
+        content = "<br><br>"
+        content += "<textarea style='display: none;' id='data' rows='4' cols='50'>"+xpub+"</textarea>"
+        content += "<script>function copyToClipboard() {var copyText = document.getElementById('data');copyText.style.display = 'block';copyText.select();copyText.setSelectionRange(0, 99999);document.execCommand('copy');copyText.style.display = 'none';var copyButton = document.getElementById('copyButton');copyButton.innerHTML='Copied';}</script>"
+        content += "<button id='copyButton' onclick='copyToClipboard()' class='btn btn-secondary'>Copy to clipboard</button>"
+
         return render_template("message.html", account=account,sync=account_module.getNodeSync(),
-                               title="xPub Key",content=account_module.getxPub(request.cookies.get("account")))
+                               title="xPub Key",
+                               content="<code>"+xpub+"</code>" + content)
 
     return redirect("/settings?error=Invalid action")
 

plugins.md

@@ -1,5 +1,53 @@
 # Plugins
 
+Plugins can be created to add more functionality to FireWallet Browser
+
+
+## Format
+They are created in python and use the format:
+
+```python
+info = {
+    "name": "Plugin Name",
+    "description": "Plugin Description",
+    "version": "Version number",
+    "author": "Your Name",
+}
+functions = {
+    "internalName":{
+        "name": "Human readable name",
+        "type": "Type of plugin",
+        "description": "Function description",
+        "params": { # For plugins other than default use {} for no params
+            "paramName": {
+                "name":"Human readable paramiter name",
+                "type":"type of paramiter", 
+            }
+        },
+        "returns": {
+            "returnName": 
+            {
+                "name": "Human readable return name",
+                "type": "type of return"
+            }
+        }
+    }
+}
+
+def internalName(params, authentication): # This should always have the same inputs
+    paramName = params["paramName"]
+    wallet = authentication.split(":")[0]
+    
+    # Do stuff
+    output = "Return value of stuff: " + paramName
+    
+    
+
+    return {"returnName": output}
+
+```
+
+
 ## Types
 ### Default
 Type: `default`
@@ -15,6 +63,7 @@ This type is used for domain plugins. It shows in the manage domain page or the
 It gets the `domain` paramater as the only input (in addition to authentication)
 
 ### Dashboard
+Type: `dashboard`
 This type is used for dashboard plugins.
 It shows in the dashboard page. It doesn't get any inputs other than the authentication
 

plugins/example.py

@@ -138,7 +138,7 @@ def check(params, authentication):
     return {"domains": domains}
 
 def search(params, authentication):
-    search = params["search"]
+    search = params["search"].lower()
     wallet = authentication.split(":")[0]
     owned = account.getDomains(wallet)
     # Only keep owned domains ["name"]
@@ -159,9 +159,12 @@ def dns(params,authentication):
 
 def niami(params, authentication):
     domain = params["domain"]
-    print(domain)
     response = requests.get(f"https://api.handshake.niami.io/domain/{domain}")
     print(response.text)
+    if response.status_code != 200:
+        return {"rating":"Error fetching rating from Niami.io"}
+    if response.json()["success"] == False:
+        return {"rating":"Error fetching rating from Niami.io"}
     data = response.json()["data"]
     rating = str(data["rating"]["score"]) + " (" + data["rating"]["rarity"] + ")"
     return {"rating":rating}

render.py

@@ -3,7 +3,7 @@ import json
 import urllib.parse
 from flask import render_template
 
-def domains(domains):
+def domains(domains, mobile=False):
     html = ''
     for domain in domains:
         owner = domain['owner']
@@ -17,8 +17,10 @@ def domains(domains):
         paid = paid / 1000000
 
 
-
-        html += f'<tr><td>{domain["name"]}</td><td>{expires} days</td><td>{paid} HNS</td><td><a href="/manage/{domain["name"]}">Manage</a></td></tr>'
+        if not mobile:
+            html += f'<tr><td>{domain["name"]}</td><td>{expires} days</td><td>{paid} HNS</td><td><a href="/manage/{domain["name"]}">Manage</a></td></tr>'
+        else:
+            html += f'<tr><td><a href="/manage/{domain["name"]}">{domain["name"]}</a></td><td>{expires} days</td></tr>'
     
     return html
 

templates/404.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>

templates/assets/js/receive.min.js

@@ -1 +1 @@
-function copyAddress(){var e=document.getElementById("copyLink").getAttribute("address"),t=document.createElement("input");t.value=e,document.body.appendChild(t),t.select(),t.setSelectionRange(0,99999),navigator.clipboard.writeText(t.value),document.body.removeChild(t),document.getElementById("copyLink").innerHTML="Copied!"}
+function copyToClipboard(){var e=document.getElementById("data");e.style.display="block",e.select(),e.setSelectionRange(0,99999),document.execCommand("copy"),e.style.display="none",document.getElementById("copyButton").innerHTML="Copied"}

templates/auction.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>

templates/confirm-password.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>

templates/confirm.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>

templates/edit.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -29,7 +29,8 @@
                     <li class="nav-item"><a class="nav-link" href="/"><i class="fas fa-tachometer-alt"></i><span>Dashboard</span></a></li>
                     <li class="nav-item"><a class="nav-link" href="/tx"><i class="fas fa-table"></i><span>Transactions</span></a></li>
                     <li class="nav-item"><a class="nav-link" href="/send"><i class="material-icons">send</i><span>Send HNS</span></a></li>
-                    <li class="nav-item"><a class="nav-link" href="receive"><i class="material-icons">call_received</i><span>Receive</span></a></li>
+                    <li class="nav-item"><a class="nav-link" href="/receive"><i class="material-icons">call_received</i><span>Receive</span></a></li>
+                    <li class="nav-item"><a class="nav-link" href="/plugins"><i class="material-icons">code</i><span>Plugins</span></a><a class="nav-link" href="/settings"><i class="material-icons">settings</i><span>Settings</span></a></li>
                 </ul>
                 <div class="text-center d-none d-md-inline"><button class="btn rounded-circle border-0" id="sidebarToggle" type="button"></button></div>
             </div>

templates/index.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>
@@ -70,7 +70,7 @@
                                 <div class="card-body">
                                     <div class="row align-items-center no-gutters">
                                         <div class="col me-2">
-                                            <div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>HNS Available</span></div>
+                                            <div class="text-uppercase text-primary fw-bold text-xs mb-1"><span style="color: var(--bs-dark);">HNS Available</span></div>
                                             <div class="text-dark fw-bold h5 mb-0"><span><img src="/assets/img/HNS.png" width="20px">&nbsp;{{available}}</span></div>
                                         </div>
                                         <div class="col-auto"><i class="fas fa-dollar-sign fa-2x text-gray-300"></i></div>
@@ -128,7 +128,7 @@
                             </div>
                         </div>{{plugins|safe}}
                     </div>
-                    <div class="row">
+                    <div class="row d-none d-sm-none d-md-block">
                         <div class="col">
                             <div class="card shadow mb-4">
                                 <div class="card-header d-flex justify-content-between align-items-center">
@@ -148,6 +148,28 @@
             {{domains | safe}}
         </tbody>
     </table>
+</div></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row d-block d-sm-block d-md-none">
+                        <div class="col">
+                            <div class="card shadow mb-4">
+                                <div class="card-header d-flex justify-content-between align-items-center">
+                                    <h6 class="text-primary fw-bold m-0">Domains</h6>
+                                </div>
+                                <div class="card-body"><div class="table-responsive">
+    <table class="table">
+        <thead>
+            <tr>
+                <th><a href="/?direction={{sort_domain_next}}">Domain{{sort_domain}}</a></th>
+                <th><a href="/?sort=expiry&direction={{sort_expiry_next}}">Expires{{sort_expiry}}</a></th>
+            </tr>
+        </thead>
+        <tbody>
+            {{domainsMobile | safe}}
+        </tbody>
+    </table>
 </div></div>
                             </div>
                         </div>

templates/manage.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -36,7 +36,7 @@
             </div>
         </nav>
         <div class="d-flex flex-column" id="content-wrapper" style="background: var(--bs-primary);">
-            <div id="content">
+            <div id="content" style="padding-bottom: 25px;">
                 <nav class="navbar navbar-expand shadow mb-4 topbar static-top navbar-light" style="background: var(--bs-primary-text-emphasis);">
                     <div class="container-fluid"><button class="btn btn-link d-md-none rounded-circle me-3" id="sidebarToggleTop" type="button"><i class="fas fa-bars"></i></button>
                         <form class="d-none d-sm-inline-block me-auto ms-md-3 my-2 my-md-0 mw-100 navbar-search" action="/search" method="get">
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>
@@ -136,6 +136,16 @@ function checkAddress(inputValue) {
                         </div>
                     </div>
                 </div>
+                <div class="container-fluid" style="margin-top: 50px;">
+                    <div class="card">
+                        <div class="card-body">
+                            <h4 class="card-title" style="display: inline-block;">Sign Message</h4>
+                            <form action="/manage/{{domain}}/sign" style="display: {% if finalize_time=='' %} block {% else %} none {% endif %};">
+                                <div style="margin-top: 25px;"><label class="form-label">Message</label><input class="form-control" type="text" placeholder="Message to sign" name="message" value="{{message}}"></div><input class="btn btn-primary" type="submit" value="Sign" style="margin-top: 16px;">
+                            </form>
+                        </div>
+                    </div>
+                </div>
             </div>
             <footer class="sticky-footer" style="background: var(--bs-primary-text-emphasis);">
                 <div class="container my-auto">

templates/message.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>

templates/plugin-output.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>

templates/plugin.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>

templates/plugins.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>

templates/receive.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>
@@ -66,7 +66,7 @@
                 <div class="card" style="margin: auto;max-width: 500px;margin-top: 50px;">
                     <div class="card-body text-center">
                         <h4 class="card-title">{{address}}</h4><img src="/qr/{{address}}">
-                        <p class="card-text">Use this address to receive HNS or Handshake domains from other people or wallets.</p><a class="card-link" id="copyLink" href="javascript:;" address="{{address}}" onclick="copyAddress()">Copy</a>
+                        <p class="card-text">Use this address to receive HNS or Handshake domains from other people or wallets.</p><textarea id="data" style="display: none;">{{address}}</textarea><button class="btn btn-primary" id="copyButton" type="button" onclick="copyToClipboard()">Copy</button>
                     </div>
                 </div>
             </div>

templates/search.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>

templates/send.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>

templates/settings.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>

templates/success.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>

templates/tx.html

@@ -19,7 +19,7 @@
 
 <body id="page-top">
     <div id="wrapper">
-        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark" style="background: var(--bs-primary-border-subtle);">
+        <nav class="navbar align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0 navbar-dark toggled" style="background: var(--bs-primary-border-subtle);">
             <div class="container-fluid d-flex flex-column p-0"><a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="/">
                     <div class="sidebar-brand-icon"><img src="/assets/img/favicon.png" width="44"></div>
                     <div class="sidebar-brand-text mx-3"><span>FireWallet</span></div>
@@ -45,8 +45,8 @@
                         <ul class="navbar-nav flex-nowrap ms-auto">
                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
                                 <div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
-                                    <form class="me-auto navbar-search w-100">
-                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
+                                    <form class="me-auto navbar-search w-100" action="/search" method="get">
+                                        <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ..." name="q" value="{{search_term}}">
                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
                                         </div>
                                     </form>