{% extends 'site_layout.html.j2' %} {% set title="Editing User Cosmetics Privilages" %} {% block content %} <h1>Administrating User Cosmetics Privilages</h1> <div class="row"> <div class="col s12"> <div class="card-panel indigo lighten-5 z-depth-3 hoverable black-text"> <p class="flow-text">New Entry</p> <table class="bordered striped"> <thead> <tr> <th>User ID</th> <th>CSS</th> <th>CSS Limit</th> <th>Guest Icon</th> <th>Send Rich Embed</th> <th>Badges</th> <th>Submit</th> </tr> </thead> <tbody> <tr> <td> <div class="input-field inline"> <input id="new_user_id" placeholder="User ID"> </div> </td> <td> <div class="switch"> <label> Off <input type="checkbox" id="new_css_switch"> <span class="lever"></span> On </label> </div> </td> <td> <div class="input-field inline"> <input id="new_css_limit" placeholder="CSS Limit" type="number"> </div> </td> <td> <div class="switch"> <label> Off <input type="checkbox" id="new_guest_icon_switch"> <span class="lever"></span> On </label> </div> </td> <td> <div class="switch"> <label> Off <input type="checkbox" id="new_send_rich_embed_switch"> <span class="lever"></span> On </label> </div> </td> <td> <div class="input-field col s12"> <select multiple id="new_badges"> <option value="" disabled>Choose your option</option> <option value="administrator">TitanEmbeds Administrators</option> <option value="partner">TitanEmbeds Partner</option> <option value="supporter">TitanEmbeds Supporter</option> </select> </div> </td> <td> <a class="waves-effect waves-light btn" id="new_submit">Submit</a> </td> </tr> </tbody> </table> </div> </div> <div class="col s12"> <div class="card-panel indigo lighten-5 z-depth-3 hoverable black-text"> <table class="bordered striped"> <thead> <tr> <th>Remove</th> <th>User ID</th> <th>CSS</th> <th>CSS Limit</th> <th>Guest Icon</th> <th>Send Rich Embed</th> <th>Badges</th> </tr> </thead> <tbody> {% for cosmetic in cosmetics %} <tr> <td><a class="waves-effect waves-light btn red" onclick="delete_user('{{ cosmetic.user_id }}');">Remove</a></td> <td>{{ cosmetic.user_id }}</td> <td> <div class="switch"> <label> Off <input type="checkbox" {% if cosmetic.css %}checked{% endif %} onchange="update_css_switch('{{ cosmetic.user_id }}', this)"> <span class="lever"></span> On </label> </div> </td> <td> <div class="input-field inline"> <input placeholder="CSS Limit" type="number" value="{{ cosmetic.css_limit }}" onchange="update_css_limit('{{ cosmetic.user_id }}', $(this).val())"> </div> </td> <td> <div class="switch"> <label> Off <input type="checkbox" {% if cosmetic.guest_icon %}checked{% endif %} onchange="update_guest_icon_switch('{{ cosmetic.user_id }}', this)"> <span class="lever"></span> On </label> </div> </td> <td> <div class="switch"> <label> Off <input type="checkbox" {% if cosmetic.send_rich_embed %}checked{% endif %} onchange="update_send_rich_embed_switch('{{ cosmetic.user_id }}', this)"> <span class="lever"></span> On </label> </div> </td> <td> <div class="input-field col s12"> <select multiple id="new_badges" onchange="update_badges('{{ cosmetic.user_id }}', this)"> <option value="" disabled>Choose your option</option> <option value="administrator" {% if "administrator" in cosmetic.badges %}selected{% endif %}>TitanEmbeds Administrators</option> <option value="partner" {% if "partner" in cosmetic.badges %}selected{% endif %}>TitanEmbeds Partner</option> <option value="supporter" {% if "supporter" in cosmetic.badges %}selected{% endif %}>TitanEmbeds Supporter</option> </select> </div> </td> </tr> {% endfor %} </tbody> </table> </div> </div> </div> {% endblock %} {% block script %} <script type="text/javascript" src="{{ url_for('static', filename='js/admin_cosmetics.js') }}"></script> {% endblock %}