first commit

data/config-default.ini

@@ -0,0 +1,39 @@
+[jellyfin]
+; It is reccommended to create a limited admin account for this program.
+username = username
+password = password
+; Server will also be used in the invite form, so make sure it's publicly accessible.
+server = https://jellyf.in:443
+client = jf-accounts
+version = 0.1
+device = jf-accounts
+device_id = jf-accounts-0.1
+
+[ui]
+host = 127.0.0.1
+port = 8056
+username = your username
+password = your password
+debug = false
+; Enable to store request email address and store. Useful for sending password reset emails.
+emails_enabled = false
+
+; Displayed at the bottom of all pages except admin.
+contact_message = Need help? contact me.
+; Displayed at top of form page.
+help_message =  Enter your details to create an account.
+; Displayed when an account is created.
+success_message = Your account has been created. Click below to continue to Jellyfin.
+
+
+[files]
+; When the below paths are left blank, files are stored in ~/.jf-accounts/.
+
+; Path to store valid invites.
+invites = 
+; Path to store emails in JSON
+emails = 
+; Path to the user policy template. Can be acquired with get-template.
+user_template = 
+
+

data/static/admin.js

@@ -0,0 +1,173 @@
+function addItem(invite) {
+    var links = document.getElementById('invites');
+    var listItem = document.createElement('li');
+    listItem.classList.add('list-group-item');
+    listItem.classList.add('align-middle');
+    var listCode = document.createElement('div');
+    listCode.classList.add('float-left');
+    var codeLink = document.createElement('a');
+    codeLink.appendChild(document.createTextNode(invite[0]));
+    listCode.appendChild(codeLink);
+    listItem.appendChild(listCode);
+    var listRight = document.createElement('div');
+    listRight.classList.add('float-right');
+    listRight.appendChild(document.createTextNode(invite[1]));
+    if (invite[2] == 0) {    
+        var inviteCode = window.location.href + 'invite/' + invite[0];
+        codeLink.href = inviteCode;
+        listCode.appendChild(document.createTextNode(" "));
+        var codeCopy = document.createElement('i');
+        codeCopy.onclick = function(){toClipboard(inviteCode)};
+        codeCopy.classList.add('fa');
+        codeCopy.classList.add('fa-clipboard');
+        listCode.appendChild(codeCopy);
+        var listDelete = document.createElement('button');
+        listDelete.onclick = function(){deleteInvite(invite[0])};
+        listDelete.classList.add('btn');
+        listDelete.classList.add('btn-outline-danger');
+        listDelete.appendChild(document.createTextNode('Delete'));
+        listRight.appendChild(listDelete);
+    };
+    listItem.appendChild(listRight);
+    links.appendChild(listItem);
+};
+function generateInvites(empty = false) {
+    document.getElementById('invites').textContent = '';
+    if (empty === false) {
+        $.ajax('/getInvites', {
+            type : 'GET',
+            dataType : 'json',
+            contentType: 'json',
+            xhrFields : {
+                withCredentials: true
+            },
+            beforeSend : function (xhr) {
+                xhr.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":"));
+            },
+            data: { get_param: 'value' },
+            complete: function(response) {
+                var data = JSON.parse(response['responseText']);
+                if (data['invites'].length == 0) {
+                    addItem(["None", "", "1"]);
+                } else {
+                    data['invites'].forEach(function(item) {
+                        var i = ["", "", "0"];
+                        i[0] = item['code'];
+                        if (item['hours'] == 0) {
+                            i[1] = item['minutes'] + 'm';
+                        } else if (item['minutes'] == 0) {
+                            i[1] = item['hours'] + 'h';
+                        } else {
+                            i[1] = item['hours'] + 'h ' + item['minutes'] + 'm';
+                        }
+                        i[1] = "Expires in " + i[1] + "  ";
+                        addItem(i)
+                    });
+                }
+            }
+        });
+    } else if (empty === true) {
+        addItem(["None", "", "1"]);
+    };
+};
+function deleteInvite(code) {
+    var send = JSON.stringify({ "code": code });
+    $.ajax('/deleteInvite', {
+        data : send,
+        contentType : 'application/json',
+        type : 'POST',
+        xhrFields : {
+            withCredentials: true
+        },
+        beforeSend : function (xhr) {
+            xhr.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":"));
+        },
+        success: function() { generateInvites(); },
+    });
+};
+function addOptions(le, sel) {
+    for (v = 0; v <= le; v++) {
+        var opt = document.createElement('option');
+        opt.appendChild(document.createTextNode(v))
+        opt.value = v
+        sel.appendChild(opt)
+    }
+};
+function toClipboard(str) {
+    const el = document.createElement('textarea'); 
+    el.value = str;                                
+    el.setAttribute('readonly', '');               
+    el.style.position = 'absolute';                
+    el.style.left = '-9999px';                     
+    document.body.appendChild(el);                 
+    const selected =            
+        document.getSelection().rangeCount > 0     
+            ? document.getSelection().getRangeAt(0)
+            : false;                               
+    el.select();                                   
+    document.execCommand('copy');                  
+    document.body.removeChild(el);                 
+    if (selected) {                                
+        document.getSelection().removeAllRanges(); 
+        document.getSelection().addRange(selected); 
+    }
+};
+$("form#inviteForm").submit(function() {
+    var send = $("form#inviteForm").serializeJSON();
+    $.ajax('/generateInvite', {
+        data : send,
+        contentType : 'application/json',
+        type : 'POST',
+        xhrFields : {
+            withCredentials: true
+        },
+        beforeSend : function (xhr) {
+            xhr.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":"));
+        },
+        success: function() { generateInvites(); },
+        
+    });
+    return false;
+});
+$("form#loginForm").submit(function() {
+    window.token = "";
+    var details = $("form#loginForm").serializeObject();
+    $.ajax('/getToken', {
+        type : 'GET',
+        dataType : 'json',
+        contentType: 'json',
+        xhrFields : {
+            withCredentials: true
+        },
+        beforeSend : function (xhr) {
+            xhr.setRequestHeader("Authorization", "Basic " + btoa(details['username'] + ":" + details['password']));
+        },
+        data: { get_param: 'value' },
+        complete: function(data) {
+            if (data['status'] == 401) {
+                var formBody = document.getElementById('formBody');
+                var wrongPassword = document.createElement('div');
+                wrongPassword.classList.add('alert');
+                wrongPassword.classList.add('alert-danger');
+                wrongPassword.setAttribute('role', 'alert');
+                wrongPassword.appendChild(document.createTextNode('Incorrect username or password.'));
+                formBody.appendChild(wrongPassword);
+            } else {
+                window.token = JSON.parse(data['responseText'])['token'];
+                generateInvites();
+                var interval = setInterval(function() { generateInvites(); }, 60 * 1000);
+                var hour = document.getElementById('hours');
+                addOptions(24, hour);
+                hour.selected = "0";
+                var minutes = document.getElementById('minutes');
+                addOptions(59, minutes);
+                minutes.selected = "30";
+                $('#login').modal('hide');
+            }
+        }
+    });
+    return false;
+});
+generateInvites(empty = true);
+$("#login").modal('show');
+

data/templates/404.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<title>Create Jellyfin Account</title>
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+<style>
+    .messageBox {
+        margin: 20%;        
+    }
+</style>
+</head>
+<body>
+    <div class="messageBox">
+        <h1>Page not found.</h1>
+        <p>
+        {{ contactMessage }}
+        </p>
+    </div>
+</body>
+</html>                            

data/templates/admin.html

@@ -0,0 +1,99 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <!-- Required meta tags -->
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+        <!-- Bootstrap CSS -->
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-serialize-object/2.5.0/jquery.serialize-object.min.js" integrity="sha256-E8KRdFk/LTaaCBoQIV/rFNc0s3ICQQiOHFT4Cioifa8=" crossorigin="anonymous"></script>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+        <style>
+            h1 {
+                margin: 20%;
+                margin-bottom: 5%;
+            }
+            .linkGroup {
+                margin: 20%;
+                margin-bottom: 5%;
+                margin-top: 5%;
+            }
+            .linkForm {
+                margin: 20%;
+                margin-top: 5%;
+                margin-bottom: 5%;
+            }
+            .contactBox {
+                margin: 20%;
+                margin-top: 5%;
+                color: grey;
+            }
+            .fa-clipboard {
+                color: grey;
+            }
+            .fa-clipboard:hover {
+                color: black;
+            }
+        </style>
+        <title>Admin</title>
+    </head>
+    <body>
+        <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="login" aria-hidden="true" data-backdrop="static">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="loginTitle">Login</h5>
+                    </div>
+                    <div class="modal-body" id="formBody">
+                        <form action="#" method="POST" id="loginForm">
+                            <div class="form-group">
+                                <label for="username">Username</label>
+                                <input type="text" class="form-control" id="username" name="username" placeholder="Username" required>
+                                <label for="password">Password</label>
+                                <input type="password" class="form-control" id="password" name="password" placeholder="Password" required>
+                            </div>
+                        </form>
+                    </div>
+                    <div class="modal-footer">
+                        <input type="submit" class="btn btn-primary" value="Login" form="loginForm">
+                    </div>
+                </div>
+            </div>
+        </div>
+        <h1>
+            Accounts admin
+        </h1>
+        <div class="linkGroup">
+            Current Invites
+            <div class="list-group" id="invites">
+            </div>
+        </div>
+        <div class="linkForm">
+            Generate Invite
+            <div class="list-group">
+                <form action="#" method="POST" id="inviteForm">
+                    <div class="form-group">
+                        <div class="list-group-item">
+                            <label for="hours">Hours</label>
+                            <select class="form-control" id="hours" name="hours">
+                            </select>
+                            <label for="minutes">Minutes</label>
+                            <select class="form-control" id="minutes" name="minutes">
+                            </select>
+                            <input type="submit" class="btn btn-primary" value="Generate">
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+        <div class="contactBox">
+            <p>{{ contactMessage }}</p>
+        </div>
+        <script src="admin.js"></script>
+    </body>
+</html>

data/templates/form.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-serialize-object/2.5.0/jquery.serialize-object.min.js" integrity="sha256-E8KRdFk/LTaaCBoQIV/rFNc0s3ICQQiOHFT4Cioifa8=" crossorigin="anonymous"></script>
+        <style>
+            .pageTitle {
+                margin: 20%;
+                margin-bottom: 5%;
+            }
+            .accountForm {
+                margin: 20%;
+                margin-bottom: 5%;
+                margin-top: 5%;
+            }
+            .contactBox {
+                margin: 20%;
+                margin-top: 5%;
+                color: grey;
+            }
+        </style>
+        <title>Create Jellyfin Account</title>
+    </head>
+    <body>
+        <div class="modal fade" id="successBox" tabindex="-1" role="dialog" aria-labelledby="successBox" aria-hidden="true" data-backdrop="static">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="successTitle">Success!</h5>
+                    </div>
+                    <div class="modal-body" id="successBody">
+                        <p>{{ successMessage }}</p>
+                    </div>
+                    <div class="modal-footer">
+                        <a href="{{ jfLink }}" class="btn btn-primary">Continue</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="pageTitle">
+            <h1>
+                Create Account
+            </h1>
+            <p>{{ helpMessage }}</p>
+        </div>
+        <div class="accountForm" id="accountForm">
+            <form action="#" method="POST">
+                <div class="form-group">
+                    <label for="inputEmail">Email</label>
+                    <input type="email" class="form-control" id="inputEmail" name="email" placeholder="Email" required>
+                </div>
+                <div class="form-group">
+                    <label for="inputUsername">Username</label>
+                    <input type="username" class="form-control" id="inputUsername" name="username" placeholder="Username" required>
+                </div>
+                <div class="form-group">
+                    <label for="inputPassword">Password</label>
+                    <input type="password" class="form-control" id="inputPassword" name="password" placeholder="Password" required>
+                </div>
+                <input type="submit" class="btn btn-primary" value="Create Account">
+            </form>
+        </div>
+        <div class="contactBox">
+            <p>{{ contactMessage }}</p>
+        </div>
+        <script>
+            $("form").submit(function() {
+                var send = $("form").serializeObject();
+                send['code'] = window.location.href.split('/').pop();
+                send = JSON.stringify(send);
+                $.ajax('/newUser', {
+                    data : send,
+                    contentType : 'application/json',
+                    type : 'POST',
+                    crossDomain: true,
+                    success : function(){
+                        $('#successBox').modal('show');
+                    }
+                });
+                return false;
+            });
+        </script>
+    </body>
+</html>                            

data/templates/invalidCode.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<title>Create Jellyfin Account</title>
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+<style>
+    .messageBox {
+        margin: 20%;        
+    }
+</style>
+</head>
+<body>
+    <div class="messageBox">
+        <h1>Invalid Code.</h1>
+        <p>The above code is either incorrect, or has expired.</p>
+        <p>{{ contactMessage }}</p>
+    </div>
+</body>
+</html>