CINXE.COM
fairteaching pro
<!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>fairteaching pro</title> <link rel="shortcut icon" href="https://repo.fairkom.net/img/icons/fairteaching_icon.svg"> <link rel="stylesheet" href="/static/plugins/fontawesome-free/css/all.min.css"> <link rel="stylesheet" href="/static/plugins/toastr/toastr.min.css"> <link rel="stylesheet" href="/static/utilities/css/tab-view.css"> <link rel="stylesheet" href="/static/plugins/fonts/css/SourceSansPro.css"> <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700"> --> <link rel="stylesheet" href="/static/dist/css/adminlte.min.css"> <!-- jQuery --> <script src="/static/plugins/jquery/jquery.min.js"></script> <!-- Bootstrap 4 --> <script src="/static/plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- AdminLTE App --> <script src="/static/dist/js/adminlte.min.js"></script> <!-- toastr Plugin --> <script src="/static/plugins/toastr/toastr.min.js"></script> <script src="/core/jsi18n"></script> <script src="/static/utilities/js/misc.js"></script> <script src="/static/utilities/js/tab-view.js"></script> <!-- Init Tooltips Support --> <script> $(function () { $('[data-toggle="tooltip"]').tooltip() }) </script> <script src="/static/home/js/updateRooms.js"></script> <script> window.addEventListener("load", () => { installUpdateRooms("/core/api/general-rooms", "generalRoomsState", { tableBody: document.getElementById("general_rooms_body"), noResultsLabel: document.getElementById("general_rooms_no_results"), search: document.getElementById("search_general_rooms"), paginationPrevious: document.getElementById("general_rooms_pagination_previous"), paginationPage: document.getElementById("general_rooms_pagination_page"), paginationCount: document.getElementById("general_rooms_pagination_count"), paginationNext: document.getElementById("general_rooms_pagination_next"), nameOrdering: { label: document.getElementById("general_rooms_order_by_name_label"), icon: document.getElementById("general_rooms_order_by_name_icon"), }, stateOrdering: { label: document.getElementById("general_rooms_order_by_state_label"), icon: document.getElementById("general_rooms_order_by_state_icon"), }, participantCountOrdering: { label: document.getElementById("general_rooms_order_by_participant_count_label"), icon: document.getElementById("general_rooms_order_by_participant_count_icon"), }, displayName: true, displayOccupancy: false, }); }); function deletePersonalRoom(url) { jQuery('#delete_personal_room').attr('href', url); jQuery('#delete_personal_room_modal').modal('toggle'); } function inviteToRoomViaEmail(roomName, roomRelativeLink) { const roomLink = new URL(roomRelativeLink, window.location).toString(); const subject = "Invitation to " + roomName; const body = "Hi eLearning Friend,\r\n\r\nlets meet at " + roomName + "." + " Please open " + roomLink + " with your Browser."; // TODO translation const mailto = new URL('mailto:'); mailto.search = 'subject=' + encodeURIComponent(subject) + '&body=' + encodeURIComponent(body); const mailtoTap = window.open(mailto.toString(), '_blank'); if (mailtoTap) { mailtoTap.close(); } } </script> </head> <body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed"> <div class="wrapper"> <!-- Navbar --> <nav aria-label="Top Nav" class="main-header navbar navbar-expand navbar-white navbar-light"> <!-- Left navbar links --> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" data-widget="pushmenu" href="#" role="button"><span class="sr-only">Toggle Menu</span><em class="fas fa-bars"></em></a> </li> <li class="nav-item d-sm-inline-block"> <a href="/login?next=/" class="nav-link">Login</a> </li> </ul> <ul class="navbar-nav ml-auto"> <li class="nav-item d-sm-inline-block mr-3"> <div class="dropdown"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdown-language-selection" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> English </button> <div class="dropdown-menu" aria-labelledby="dropdown-language-selection"> <form action="/i18n/setlang/" method="post"> <input type="hidden" name="csrfmiddlewaretoken" value="BZtxYvEdnhb5la0DlfIjORDpXQdeZgNFZjBwQWFDO028tKNgBtlyb1PCQbOSdf72"> <input type="hidden" name="language" value="en"> <input type="submit" value="English" class="btn dropdown-item active"> </form> <form action="/i18n/setlang/" method="post"> <input type="hidden" name="csrfmiddlewaretoken" value="BZtxYvEdnhb5la0DlfIjORDpXQdeZgNFZjBwQWFDO028tKNgBtlyb1PCQbOSdf72"> <input type="hidden" name="language" value="de"> <input type="submit" value="Deutsch" class="btn dropdown-item"> </form> <form action="/i18n/setlang/" method="post"> <input type="hidden" name="csrfmiddlewaretoken" value="BZtxYvEdnhb5la0DlfIjORDpXQdeZgNFZjBwQWFDO028tKNgBtlyb1PCQbOSdf72"> <input type="hidden" name="language" value="it"> <input type="submit" value="italiano" class="btn dropdown-item"> </form> <form action="/i18n/setlang/" method="post"> <input type="hidden" name="csrfmiddlewaretoken" value="BZtxYvEdnhb5la0DlfIjORDpXQdeZgNFZjBwQWFDO028tKNgBtlyb1PCQbOSdf72"> <input type="hidden" name="language" value="es"> <input type="submit" value="espa帽ol" class="btn dropdown-item"> </form> <form action="/i18n/setlang/" method="post"> <input type="hidden" name="csrfmiddlewaretoken" value="BZtxYvEdnhb5la0DlfIjORDpXQdeZgNFZjBwQWFDO028tKNgBtlyb1PCQbOSdf72"> <input type="hidden" name="language" value="gl"> <input type="submit" value="galego" class="btn dropdown-item"> </form> <form action="/i18n/setlang/" method="post"> <input type="hidden" name="csrfmiddlewaretoken" value="BZtxYvEdnhb5la0DlfIjORDpXQdeZgNFZjBwQWFDO028tKNgBtlyb1PCQbOSdf72"> <input type="hidden" name="language" value="ru"> <input type="submit" value="袪褍褋褋泻懈泄" class="btn dropdown-item"> </form> <form action="/i18n/setlang/" method="post"> <input type="hidden" name="csrfmiddlewaretoken" value="BZtxYvEdnhb5la0DlfIjORDpXQdeZgNFZjBwQWFDO028tKNgBtlyb1PCQbOSdf72"> <input type="hidden" name="language" value="cs"> <input type="submit" value="膷esky" class="btn dropdown-item"> </form> </div> </div> </li> </ul> </nav> <aside aria-label="Side Nav" class="main-sidebar sidebar-dark-primary elevation-4"> <!-- Brand Logo --> <a href="/" class="brand-link"> <img src="https://repo.fairkom.net/img/icons/fairteaching_icon.svg" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8; max-width: 15%;"> <span class="brand-text font-weight-light">fairteaching pro</span> </a> <!-- Sidebar --> <div class="sidebar"> <!-- Sidebar Menu --> <nav class="mt-2"> <ul class="nav nav-pills nav-sidebar nav-child-indent flex-column" data-widget="treeview" role="menu" data-accordion="false"> <li class="nav-item" role="menuitem"> <a href="/" class="nav-link"> <em class="nav-icon fas fa-graduation-cap"></em> <p>Home</p> </a> </li> <li class="nav-item" role="menuitem"> <a href="/core/recordings/overview/" class="nav-link"> <em class="nav-icon fas fa-video"></em> <p>Recordings</p> </a> </li> <li class="nav-item" role="menuitem"> <a href="https://git.fairkom.net/hosting/fairteaching/-/wikis/home" target="_blank" class="nav-link" rel="noopener noreferrer"> <em class="nav-icon fas fa-question-circle"></em> <p>FAQ</p> </a> </li> </ul> </nav> <!-- /.sidebar-menu --> </div> <!-- /.sidebar --> </aside> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <div class="content-header"> </div> <div class="content"> <div class="container-fluid"> <div class="row"> </div> <div class="row"> <div class="col-md-12"> <div class="card-header"> <ul class="nav nav-tabs card-header-tabs" id="bologna-list" role="tablist"> <li class="nav-item"> <a class="nav-link active" href="#generalrooms" data-toggle="tab" role="tab" aria-controls="description" aria-selected="true">General Rooms</a> </li> </ul> </div> <div class="card"> <div class="card-body"> <div class="tab-content mt-3"> <div class="tab-pane active" id="generalrooms" role="tabpanel"> <!-- Content --> <label>Overview of available rooms</label> <div class="col-md-12"> <div class="card-header"> <div class="card-title w-100 mb-2"> <label for="search_general_rooms"></label> <input class="form-control" id="search_general_rooms" placeholder="Search room..." type="text" autofocus="autofocus"> </div> </div> <div class="card-body"> <div class="table-responsive"> <table id="general_rooms_overview" class="table table-sm table-hover table-borderless"> <thead class="thead-light"> <tr> <th scope="col" style="width: 40px"></th> <th id="general_rooms_order_by_name_label" scope="col" class="align-middle" style="cursor: pointer;"> <div class="d-flex flex-nowrap align-items-center"> Room <em id="general_rooms_order_by_name_icon" class="ml-1 fas fa-sort-up"></em> </div> </th> <th id="general_rooms_order_by_state_label" scope="col" class="align-middle" style="cursor: pointer;"> <div class="d-flex flex-nowrap align-items-center"> State <em id="general_rooms_order_by_state_icon" class="ml-1 fas fa-sort"></em> </div> </th> <th scope="col" class="align-middle">Configuration</th> <th id="general_rooms_order_by_participant_count_label" scope="col" class="align-middle" style="cursor: pointer;"> <div class="d-flex flex-nowrap align-items-center"> Participants <em id="general_rooms_order_by_participant_count_icon" class="ml-1 fas fa-sort"></em> </div> </th> <th scope="col" class="align-middle d-none d-lg-table-cell">Comment</th> </tr> </thead> <tbody id="general_rooms_body"></tbody> </table> <span id="general_rooms_no_results"> No rooms have been found </span> </div> <div class="input-group justify-content-center"> <div class="input-group-prepend"> <button id="general_rooms_pagination_previous" class="btn btn-outline-secondary" type="button" title="Previous"> <em class="fas fa-backward"></em> </button> </div> <input id="general_rooms_pagination_page" type="number" min="1" class="form-control flex-grow-0" style="min-width: 5rem" placeholder="" title="Page number"> <div class="input-group-append"> <span id="general_rooms_pagination_count" class="input-group-text" style="cursor: default" title="Number of pages"></span> <button id="general_rooms_pagination_next" class="btn btn-outline-secondary" type="button" title="Next"> <em class="fas fa-forward"></em> </button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="delete_personal_room_modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="CenterModalLabel" aria-hidden="true" style="display: none;"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="CenterModalLabel">Delete personal room</h4> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">脳</button> </div> <div class="modal-body"> Are you sure you want to delete the personal room? </div> <div class="modal-footer"> <a class="btn btn-danger" href="" data-toggle="tooltip" data-placement="top" title="Delete" id="delete_personal_room"> Delete </a> <button type="button" class="btn btn-secondary waves-effect" data-dismiss="modal">Cancel</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div> </div><!-- /.container-fluid --> </div> <!-- /.content-header --> </div> <!-- /.content-wrapper --> <!-- Main Footer --> <footer class="main-footer"> <!-- To the right --> <div class="float-right d-none d-sm-inline"> <!-- Admin Theme by <a href="https://adminlte.io">AdminLTE.io</a> --> </div> fairteaching pro Nutzung nur mit <a href="https://www.fairkom.eu/fairteaching">Service - Paket</a>. Test-Konto: maria.tester@fairkom.net PW fairkom oder via "Meet" in der <a href="https://faircloud.eu">faircloud.eu</a> (max 2 TN).<br> Videokonferenzen <a href="https://www.fairkom.eu/privacy">DSGVO konform</a> und Open Source mit <a href="https://bigbluebutton.org/" target="_blank">BigBlueButton</a> und bbb@scale. Hosting in AT und DE. Ein Service der <a href="https://fairkom.eu" target="_blank">fairkom Gesellschaft</a> | Cloud <a href="https://faircloud.eu/nextcloud/index.php/s/SzY66rREMadARRi">AGB</a>. </footer> </div> <!-- ./wrapper --> </body> </html>