Skip to content

Commit

Permalink
Updated demos and docs to font-awesome 6.x
Browse files Browse the repository at this point in the history
  • Loading branch information
@lminiero
lminiero committed Nov 29, 2023
1 parent 1d931ad commit 1706de9
Show file tree
Hide file tree
Showing 36 changed files with 146 additions and 146 deletions.
22 changes: 11 additions & 11 deletions docs/doxy-boot.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,18 +3,18 @@ $(document).ready(function() {
$("div.headertitle").addClass("pb-2 mt-4 mb-2 border-bottom");
$("div.title").addClass("h1");

$('li > a[href="index.html"] > span').before("<i class='fa fa-cog'></i> ");
$('li > a[href="index.html"] > span').before("<i class='fa-solid fa-gear'></i> ");
// $('li > a[href="index.html"] > span').text("CoActionOS");
$('li > a[href="modules.html"] > span').before("<i class='fa fa-square'></i> ");
$('li > a[href="namespaces.html"] > span').before("<i class='fa fa-bars'></i> ");
$('li > a[href="annotated.html"] > span').before("<i class='fa fa-list-ul'></i> ");
$('li > a[href="classes.html"] > span').before("<i class='fa fa-book'></i> ");
$('li > a[href="inherits.html"] > span').before("<i class='fa fa-sitemap'></i> ");
$('li > a[href="functions.html"] > span').before("<i class='fa fa-list'></i> ");
$('li > a[href="functions_func.html"] > span').before("<i class='fa fa-list'></i> ");
$('li > a[href="functions_vars.html"] > span').before("<i class='fa fa-list'></i> ");
$('li > a[href="functions_enum.html"] > span').before("<i class='fa fa-list'></i> ");
$('li > a[href="functions_eval.html"] > span').before("<i class='fa fa-list'></i> ");
$('li > a[href="modules.html"] > span').before("<i class='fa-solid fa-square'></i> ");
$('li > a[href="namespaces.html"] > span').before("<i class='fa-solid fa-bars'></i> ");
$('li > a[href="annotated.html"] > span').before("<i class='fa-solid fa-list-ul'></i> ");
$('li > a[href="classes.html"] > span').before("<i class='fa-solid fa-book'></i> ");
$('li > a[href="inherits.html"] > span').before("<i class='fa-solid fa-sitemap'></i> ");
$('li > a[href="functions.html"] > span').before("<i class='fa-solid fa-list'></i> ");
$('li > a[href="functions_func.html"] > span').before("<i class='fa-solid fa-list'></i> ");
$('li > a[href="functions_vars.html"] > span').before("<i class='fa-solid fa-list'></i> ");
$('li > a[href="functions_enum.html"] > span').before("<i class='fa-solid fa-list'></i> ");
$('li > a[href="functions_eval.html"] > span').before("<i class='fa-solid fa-list'></i> ");
$('img[src="ftv2ns.png"]').replaceWith('<span class="badge bg-danger">N</span> ');
$('img[src="ftv2cl.png"]').replaceWith('<span class="badge bg-danger">C</span> ');

Expand Down
12 changes: 6 additions & 6 deletions html/admin.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" type="text/css"/>
</head>
<body>

Expand Down Expand Up @@ -116,7 +116,7 @@ <h5>Loggers</h5>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="settings">
<h5>Settings <i id="update-settings" class="fa fa-refresh" title="Refresh settings" style="cursor: pointer;"></i></h5>
<h5>Settings <i id="update-settings" class="fa-solid fa-rotate" title="Refresh settings" style="cursor: pointer;"></i></h5>
<div>
<table class="table table-striped" id="server-settings">
</table>
Expand Down Expand Up @@ -165,17 +165,17 @@ <h5>Response</h5>
<div role="tabpanel" class="tab-pane fade" id="handlesinfo">
<div class="row">
<div id="sessions" class="col-md-2">
<h5>Sessions (<span id="sessions-num">0</span>) <i id="update-sessions" class="fa fa-refresh" title="Refresh list of sessions" style="cursor: pointer;"></i></h5>
<h5>Sessions (<span id="sessions-num">0</span>) <i id="update-sessions" class="fa-solid fa-rotate" title="Refresh list of sessions" style="cursor: pointer;"></i></h5>
<div id="sessions-list" class="list-group">
</div>
</div>
<div id="handles" class="col-md-2">
<h5>Handles (<span id="handles-num"></span>) <i id="update-handles" class="fa fa-refresh" title="Refresh list of handles" style="cursor: pointer;"></i></h5>
<h5>Handles (<span id="handles-num"></span>) <i id="update-handles" class="fa-solid fa-rotate" title="Refresh list of handles" style="cursor: pointer;"></i></h5>
<div id="handles-list" class="list-group">
</div>
</div>
<div id="info" class="col-md-8">
<h5>Handle Info <i id="update-handle" class="fa fa-refresh" title="Refresh handle info" style="cursor: pointer;"></i></h5>
<h5>Handle Info <i id="update-handle" class="fa-solid fa-rotate" title="Refresh handle info" style="cursor: pointer;"></i></h5>
<div id="options" class="hide">
<label class="checkbox-inline" title="Autorefresh this info every 5s">
<input id="autorefresh" type="checkbox" value="" title="Autorefresh this info every 5s">Autorefresh
Expand All @@ -194,7 +194,7 @@ <h5>Handle Info <i id="update-handle" class="fa fa-refresh" title="Refresh handl
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="tokens">
<h5>Stored Tokens <i id="update-tokens" class="fa fa-refresh" title="Refresh tokens" style="cursor: pointer;"></i></h5>
<h5>Stored Tokens <i id="update-tokens" class="fa-solid fa-rotate" title="Refresh tokens" style="cursor: pointer;"></i></h5>
<div>
<table class="table table-striped" id="auth-tokens">
</table>
Expand Down
12 changes: 6 additions & 6 deletions html/admin.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,11 +50,11 @@ function promptAccessDetails() {
let secretPlaceholder = "Insert the Admin API secret";
bootbox.alert({
message: "<div class='input-group mt-3 mb-1'>" +
" <span class='input-group-text'><i class='fa fa-cloud-upload fa-fw'></i></span>" +
" <span class='input-group-text'><i class='fa-solid fa-cloud-arrow-up'></i></span>" +
" <input class='form-control' type='text' value='" + server + "' placeholder='" + serverPlaceholder + "' autocomplete='off' id='server'></input>" +
"</div>" +
"<div class='input-group mt-3 mb-1'>" +
" <span class='input-group-text'><i class='fa fa-key fa-fw'></i></span>" +
" <span class='input-group-text'><i class='fa-solid fa-key'></i></span>" +
" <input class='form-control' type='password' value='" + secret + "'placeholder='" + secretPlaceholder + "' autocomplete='off' id='secret'></input>" +
"</div>",
closeButton: false,
Expand Down Expand Up @@ -617,7 +617,7 @@ function resetPluginRequest() {
' <th></th>' +
'</tr>' +
'<tr>' +
' <td><i id="addattr" class="fa fa-plus-circle" style="cursor: pointer;"></i></td>' +
' <td><i id="addattr" class="fa-solid fa-plus-circle" style="cursor: pointer;"></i></td>' +
' <td></td>' +
' <td></td>' +
' <td><button id="sendmsg" type="button" class="btn btn-xs btn-success pull-right">Send message</button></td>' +
Expand Down Expand Up @@ -683,7 +683,7 @@ function addPluginMessageAttribute() {
' <option>boolean</option>' +
' </select>' +
' </td>' +
' <td><i id="rmattr' + num + '" class="fa fa-window-close" style="cursor: pointer;"></i></td>' +
' <td><i id="rmattr' + num + '" class="fa-solid fa-rectangle-xmark" style="cursor: pointer;"></i></td>' +
'</tr>'
);
$('#rmattr' + num).click(function() {
Expand Down Expand Up @@ -748,7 +748,7 @@ function resetTransportRequest() {
' <th></th>' +
'</tr>' +
'<tr>' +
' <td><i id="traddattr" class="fa fa-plus-circle" style="cursor: pointer;"></i></td>' +
' <td><i id="traddattr" class="fa-solid fa-plus-circle" style="cursor: pointer;"></i></td>' +
' <td></td>' +
' <td></td>' +
' <td><button id="trsendmsg" type="button" class="btn btn-xs btn-success pull-right">Send message</button></td>' +
Expand Down Expand Up @@ -814,7 +814,7 @@ function addTransportMessageAttribute() {
' <option>boolean</option>' +
' </select>' +
' </td>' +
' <td><i id="rmtrattr' + num + '" class="fa fa-window-close" style="cursor: pointer;"></i></td>' +
' <td><i id="rmtrattr' + num + '" class="fa-solid fa-rectangle-xmark" style="cursor: pointer;"></i></td>' +
'</tr>'
);
$('#rmtrattr' + num).click(function() {
Expand Down
4 changes: 2 additions & 2 deletions html/audiobridgetest.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.6.2/css/bootstrap-slider.css" type="text/css"/>
</head>
<body>
Expand Down Expand Up @@ -69,7 +69,7 @@ <h3>Demo details</h3>
<span class="badge bg-info" id="you"></span>
<div class="col-md-12" id="controls">
<div class="input-group mt-3 mb-1 hide" id="registernow">
<span class="input-group-text"><i class="fa fa-user fa-fw"></i></span>
<span class="input-group-text"><i class="fa-solid fa-user"></i></span>
<input class="form-control" type="text" placeholder="Choose a display name" autocomplete="off" id="username" onkeypress="return checkEnter(this, event);" />
<span class="input-group-btn">
<button class="btn btn-success" autocomplete="off" id="register">Join the room</button>
Expand Down
12 changes: 6 additions & 6 deletions html/audiobridgetest.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -157,8 +157,8 @@ $(document).ready(function() {
$('#list').append('<li id="rp' + id +'" class="list-group-item">' +
slider +
display +
' <i class="absetup fa fa-chain-broken"></i>' +
' <i class="abmuted fa fa-microphone-slash"></i></li>');
' <i class="absetup fa-solid fa-link-slash"></i>' +
' <i class="abmuted fa-solid fa-microphone-slash"></i></li>');
if(spatial !== null && spatial !== undefined) {
$('#sp' + id).slider({ min: 0, max: 100, step: 1, value: 50, handle: 'triangle', enabled: false });
$('#position').removeClass('hide');
Expand Down Expand Up @@ -201,8 +201,8 @@ $(document).ready(function() {
$('#list').append('<li id="rp' + id +'" class="list-group-item">' +
slider +
display +
' <i class="absetup fa fa-chain-broken"></i>' +
' <i class="abmuted fa fa-microphone-slash"></i></li>');
' <i class="absetup fa-solid fa-link-slash"></i>' +
' <i class="abmuted fa-solid fa-microphone-slash"></i></li>');
if(spatial !== null && spatial !== undefined) {
$('#sp' + id).slider({ min: 0, max: 100, step: 1, value: 50, handle: 'triangle', enabled: false });
$('#position').removeClass('hide');
Expand Down Expand Up @@ -246,8 +246,8 @@ $(document).ready(function() {
$('#list').append('<li id="rp' + id +'" class="list-group-item">' +
slider +
display +
' <i class="absetup fa fa-chain-broken"></i>' +
' <i class="abmuted fa fa-microphone-slash"></i></li>');
' <i class="absetup fa-solid fa-link-slash"></i>' +
' <i class="abmuted fa-solid fa-microphone-slash"></i></li>');
if(spatial !== null && spatial !== undefined) {
$('#sp' + id).slider({ min: 0, max: 100, step: 1, value: 50, handle: 'triangle', enabled: false });
$('#position').removeClass('hide');
Expand Down
12 changes: 6 additions & 6 deletions html/canvas.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css"/>
</head>
<body>
Expand Down Expand Up @@ -117,23 +117,23 @@ <h3 class="mt-3">Demo details</h3>
</div>
<div class="card-body" id="tweaks">
<div class="input-group mb-2">
<span class="input-group-text"><i class="fa fa-font fa-fw"></i></span>
<span class="input-group-text"><i class="fa-solid fa-font"></i></span>
<input type="text" class="form-control" autocomplete="off" id="font" onkeypress="return checkEnter(event);"></input>
</div>
<div class="input-group mt-2 mb-2">
<span class="input-group-text"><i class="fa fa-eraser fa-fw"></i></span>
<span class="input-group-text"><i class="fa-solid fa-eraser"></i></span>
<input type="text" class="form-control" autocomplete="off" id="color" onkeypress="return checkEnter(event);"></input>
</div>
<div class="input-group mt-2 mb-2">
<span class="input-group-text"><i class="fa fa-text-width fa-fw"></i></span>
<span class="input-group-text"><i class="fa-solid fa-text-width"></i></span>
<input type="text" class="form-control" autocomplete="off" id="posX" onkeypress="return checkEnter(event);"></input>
</div>
<div class="input-group mt-2 mb-2">
<span class="input-group-text"><i class="fa fa-text-height fa-fw"></i></span>
<span class="input-group-text"><i class="fa-solid fa-text-height"></i></span>
<input type="text" class="form-control" autocomplete="off" id="posY" onkeypress="return checkEnter(event);"></input>
</div>
<div class="input-group mt-2">
<span class="input-group-text"><i class="fa fa-edit fa-fw"></i></span>
<span class="input-group-text"><i class="fa-solid fa-pen-to-square"></i></span>
<input type="text" class="form-control" autocomplete="off" id="text" onkeypress="return checkEnter(event);"></input>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions html/canvas.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -191,7 +191,7 @@ $(document).ready(function() {
if($('#videoright .no-video-container').length === 0) {
$('#videoright').append(
'<div class="no-video-container">' +
'<i class="fa fa-video-camera fa-5 no-video-icon"></i>' +
'<i class="fa-solid fa-video fa-xl no-video-icon"></i>' +
'<span class="no-video-text">No remote video available</span>' +
'</div>');
}
Expand Down Expand Up @@ -219,7 +219,7 @@ $(document).ready(function() {
if($('#videoright .no-video-container').length === 0) {
$('#videoright').append(
'<div class="no-video-container">' +
'<i class="fa fa-video-camera fa-5 no-video-icon"></i>' +
'<i class="fa-solid fa-video fa-xl no-video-icon"></i>' +
'<span class="no-video-text">No webcam available</span>' +
'</div>');
}
Expand Down
2 changes: 1 addition & 1 deletion html/css/demo.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -111,7 +111,7 @@ a {
.fa-4 {
font-size: 7em !important;
}
.fa-5 {
.fa-xl {
font-size: 12em !important;
}
.fa-6 {
Expand Down
6 changes: 3 additions & 3 deletions html/devicetest.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css"/>
</head>
<body>
Expand Down Expand Up @@ -120,7 +120,7 @@ <h3 class="mt-3">Demo details</h3>
<div class="card-body" id="videoleft"></div>
</div>
<div class="input-group mt-3 mb-3">
<span class="input-group-text"><i class="fa fa-cloud-upload fa-fw"></i></span>
<span class="input-group-text"><i class="fa-solid fa-cloud-arrow-up"></i></span>
<input type="text" class="form-control" placeholder="Write a DataChannel message" autocomplete="off" id="datasend" onkeypress="return checkEnter(event);" disabled>
</div>
</div>
Expand All @@ -142,7 +142,7 @@ <h3 class="mt-3">Demo details</h3>
<div class="card-body" id="videoright"></div>
</div>
<div class="input-group mt-3 mb-3">
<span class="input-group-text"><i class="fa fa-cloud-upload fa-fw"></i></span>
<span class="input-group-text"><i class="fa-solid fa-cloud-arrow-down"></i></span>
<input type="text" class="form-control" id="datarecv" disabled>
</div>
</div>
Expand Down
8 changes: 4 additions & 4 deletions html/devicetest.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -329,7 +329,7 @@ $(document).ready(function() {
if($('#videoleft .no-video-container').length === 0) {
$('#videoleft').append(
'<div class="no-video-container">' +
'<i class="fa fa-video-camera fa-5 no-video-icon"></i>' +
'<i class="fa-solid fa-video fa-xl no-video-icon"></i>' +
'<span class="no-video-text">No webcam available</span>' +
'</div>');
}
Expand All @@ -354,7 +354,7 @@ $(document).ready(function() {
if($('#videoleft .no-video-container').length === 0) {
$('#videoleft').append(
'<div class="no-video-container">' +
'<i class="fa fa-video-camera fa-5 no-video-icon"></i>' +
'<i class="fa-solid fa-video fa-xl no-video-icon"></i>' +
'<span class="no-video-text">No webcam available</span>' +
'</div>');
}
Expand Down Expand Up @@ -396,7 +396,7 @@ $(document).ready(function() {
if($('#videoright .no-video-container').length === 0) {
$('#videoright').append(
'<div class="no-video-container">' +
'<i class="fa fa-video-camera fa-5 no-video-icon"></i>' +
'<i class="fa-solid fa-video fa-xl no-video-icon"></i>' +
'<span class="no-video-text">No remote video available</span>' +
'</div>');
}
Expand Down Expand Up @@ -424,7 +424,7 @@ $(document).ready(function() {
if($('#videoright .no-video-container').length === 0) {
$('#videoright').append(
'<div class="no-video-container">' +
'<i class="fa fa-video-camera fa-5 no-video-icon"></i>' +
'<i class="fa-solid fa-video fa-xl no-video-icon"></i>' +
'<span class="no-video-text">No webcam available</span>' +
'</div>');
}
Expand Down
6 changes: 3 additions & 3 deletions html/e2etest.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.2/cerulean/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/demo.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css"/>
</head>
<body>
Expand Down Expand Up @@ -100,7 +100,7 @@ <h3>Demo details</h3>
<div class="card-body" id="videoleft"></div>
</div>
<div class="input-group mt-3 mb-3">
<span class="input-group-text"><i class="fa fa-cloud-upload fa-fw"></i></span>
<span class="input-group-text"><i class="fa-solid fa-cloud-arrow-up"></i></span>
<input type="text" class="form-control" placeholder="Write a DataChannel message" autocomplete="off" id="datasend" onkeypress="return checkEnter(event);" disabled>
</div>
</div>
Expand All @@ -112,7 +112,7 @@ <h3>Demo details</h3>
<div class="card-body" id="videoright"></div>
</div>
<div class="input-group mt-3 mb-3">
<span class="input-group-text"><i class="fa fa-cloud-upload fa-fw"></i></span>
<span class="input-group-text"><i class="fa-solid fa-cloud-arrow-down"></i></span>
<input type="text" class="form-control" id="datarecv" disabled>
</div>
</div>
Expand Down
Loading

0 comments on commit 1706de9

Please sign in to comment.