Initial prettify

This commit is contained in:
Sam Schloegel
2022-01-03 10:51:25 -05:00
parent 551d29da60
commit c5691b56c9
26 changed files with 2602 additions and 2545 deletions
+147 -154
View File
@@ -1,189 +1,182 @@
table{
background-color: #323232;
border: 0px;
color: #b8b8b8;
font-family: sans-serif;
width: 100%;
table-layout:fixed;
margin-bottom: 30px;
table {
background-color: #323232;
border: 0px;
color: #b8b8b8;
font-family: sans-serif;
width: 100%;
table-layout: fixed;
margin-bottom: 30px;
}
th{
font-size: 12px;
font-weight: normal;
padding: 0px 4px;
background-color: #2d2c2d;
border: #545454 1px solid;
border-right: none;
th {
font-size: 12px;
font-weight: normal;
padding: 0px 4px;
background-color: #2d2c2d;
border: #545454 1px solid;
border-right: none;
}
th.no-border{
border-left: none;
border-right: none;
padding: 0px;
}
td{
padding: 0px;
height: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
th.no-border {
border-left: none;
border-right: none;
padding: 0px;
}
td img{
padding-top: 4px;
}
td {
padding: 0px;
height: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
td img {
padding-top: 4px;
}
tr:nth-child(even) {
background: #2c2c2c;
background: #2c2c2c;
}
tr:nth-child(odd) {
background: #323232;
background: #323232;
}
tr:nth-child(even).q-red{
background: linear-gradient(to top, #2c2c2c, #4c3130 1px);
tr:nth-child(even).q-red {
background: linear-gradient(to top, #2c2c2c, #4c3130 1px);
}
tr:nth-child(odd).q-red{
background: linear-gradient(to top, #323232, #513635 1px);
tr:nth-child(odd).q-red {
background: linear-gradient(to top, #323232, #513635 1px);
}
.q-red td:first-of-type{
padding-left: 5px;
border-left: 5px #ff4242 solid;
}
tr:nth-child(even).q-orange{
background: linear-gradient(to top, #2c2c2c, #4b3e2a 1px);
.q-red td:first-of-type {
padding-left: 5px;
border-left: 5px #ff4242 solid;
}
tr:nth-child(odd).q-orange{
background: linear-gradient(to top, #323232, #514330 1px);
tr:nth-child(even).q-orange {
background: linear-gradient(to top, #2c2c2c, #4b3e2a 1px);
}
.q-orange td:first-of-type{
padding-left: 5px;
border-left: 5px #ffa500 solid;
}
tr:nth-child(even).q-green{
background: linear-gradient(to top, #2c2c2c, #2d452d 1px);
tr:nth-child(odd).q-orange {
background: linear-gradient(to top, #323232, #514330 1px);
}
tr:nth-child(odd).q-green{
background: linear-gradient(to top, #323232, #324b33 1px);
.q-orange td:first-of-type {
padding-left: 5px;
border-left: 5px #ffa500 solid;
}
.q-green td:first-of-type{
padding-left: 5px;
border-left: 5px #01d52f solid;
}
tr:nth-child(even).q-blue{
background: linear-gradient(to top, #2c2c2c, #323647 1px);
tr:nth-child(even).q-green {
background: linear-gradient(to top, #2c2c2c, #2d452d 1px);
}
tr:nth-child(odd).q-blue{
background: linear-gradient(to top, #323232, #363b4b 1px);
tr:nth-child(odd).q-green {
background: linear-gradient(to top, #323232, #324b33 1px);
}
.q-blue td:first-of-type{
padding-left: 5px;
border-left: 5px #536de0 solid;
}
tr:nth-child(even).q-purple{
background: linear-gradient(to top, #2c2c2c, #39273d 1px);
.q-green td:first-of-type {
padding-left: 5px;
border-left: 5px #01d52f solid;
}
tr:nth-child(odd).q-purple{
background: linear-gradient(to top, #323232, #433147 1px);
tr:nth-child(even).q-blue {
background: linear-gradient(to top, #2c2c2c, #323647 1px);
}
.q-purple td:first-of-type{
padding-left: 5px;
border-left: 5px #a601c0 solid;
}
tr.q-armed-false td{
background: url("img/disarmed-pattern-light.png");
background-attachment: fixed;
tr:nth-child(odd).q-blue {
background: linear-gradient(to top, #323232, #363b4b 1px);
}
.q-blue td:first-of-type {
padding-left: 5px;
border-left: 5px #536de0 solid;
}
tr:nth-child(even).q-purple {
background: linear-gradient(to top, #2c2c2c, #39273d 1px);
}
tr:nth-child(odd).q-purple {
background: linear-gradient(to top, #323232, #433147 1px);
}
.q-purple td:first-of-type {
padding-left: 5px;
border-left: 5px #a601c0 solid;
}
tr.playback-position{
background-image: none !important;
background: #1557da !important;
color: white !important;
}
tr.playback-position .q-gray-text{
color: white !important;
tr.q-armed-false td {
background: url('img/disarmed-pattern-light.png');
background-attachment: fixed;
}
.gLeft{
height: 24px;
width: 12px;
border-left: 2px solid;
tr.playback-position {
background-image: none !important;
background: #1557da !important;
color: white !important;
}
.gTop{
border-top: 2px solid;
}
.gBot{
border-bottom: 2px solid;
}
.gRight{
border-right: 2px solid;
}
.gMode-1.gLeft.gTop{
border-radius: 6px 0px 0px 0px;
}
.gMode-1.gLeft.gBot{
border-radius: 0px 0px 0px 6px;
}
.gMode-1.gRight.gBot{
border-radius: 0px 0px 6px 0px;
}
.gMode-1.gLeft.gTop.gBot{
border-radius: 6px 0px 0px 6px;
}
.gMode-1.gLeft.gTop.gRight{
border-radius: 6px 6px 0px 0px;
}
.gMode-1.gTop.gRight.gBot{
border-radius: 0px 6px 6px 0px;
}
.gMode-1.gLeft.gTop.gRight.gBot{
border-radius: 6px;
}
.gMode-1{
border-color: #5a5a87;
}
.gMode-2{
border-color: #5a5a87;
}
.gMode-3{
border-color: #429242;
}
.gMode-4{
border-color: #925fc0;
}
.gMode-, .gMode-0{
border-color: rgba(0, 0, 0, 0);
}
.group-arrow{
width: 13px;
background-image: url("img/arrow-down.png");
background-position: center;
background-repeat: no-repeat;
tr.playback-position .q-gray-text {
color: white !important;
}
.q-time{
font-size: 14px;
text-align: center;
.gLeft {
height: 24px;
width: 12px;
border-left: 2px solid;
}
.q-gray-text{
color: #424242;
.gTop {
border-top: 2px solid;
}
.gBot {
border-bottom: 2px solid;
}
.gRight {
border-right: 2px solid;
}
.gMode-1.gLeft.gTop {
border-radius: 6px 0px 0px 0px;
}
.gMode-1.gLeft.gBot {
border-radius: 0px 0px 0px 6px;
}
.gMode-1.gRight.gBot {
border-radius: 0px 0px 6px 0px;
}
.gMode-1.gLeft.gTop.gBot {
border-radius: 6px 0px 0px 6px;
}
.gMode-1.gLeft.gTop.gRight {
border-radius: 6px 6px 0px 0px;
}
.gMode-1.gTop.gRight.gBot {
border-radius: 0px 6px 6px 0px;
}
.gMode-1.gLeft.gTop.gRight.gBot {
border-radius: 6px;
}
.gMode-1 {
border-color: #5a5a87;
}
.gMode-2 {
border-color: #5a5a87;
}
.gMode-3 {
border-color: #429242;
}
.gMode-4 {
border-color: #925fc0;
}
.gMode-,
.gMode-0 {
border-color: rgba(0, 0, 0, 0);
}
.group-arrow {
width: 13px;
background-image: url('img/arrow-down.png');
background-position: center;
background-repeat: no-repeat;
}
.q-time {
font-size: 14px;
text-align: center;
}
.q-gray-text {
color: #424242;
}
@media screen and (min-width: 0px) and (max-width: 750px) {
.hide-medium{
display: none;
}
.hide-medium {
display: none;
}
}
@media screen and (min-width: 0px) and (max-width: 550px) {
.hide-small{
display: none;
}
.hide-small {
display: none;
}
}
+130 -113
View File
@@ -1,133 +1,150 @@
exports.defaultName = "QLab 4";
exports.connectionType = "osc";
exports.defaultName = 'QLab 4';
exports.connectionType = 'osc';
exports.searchOptions = {
type: "Bonjour",
bonjourName: "qlab"
}
type: 'Bonjour',
bonjourName: 'qlab',
};
exports.ready = function (device) {
device.send('/workspaces');
};
exports.data = function (device, osc) {
var address = osc.address;
var p = osc.address.split('/');
p.shift();
exports.ready = function(device){
device.send("/workspaces");
}
//console.log(address)
exports.data = function(device, osc){
var address = osc.address;
var p = osc.address.split("/");
p.shift();
if (osc.address == '/reply/workspaces') {
const d = JSON.parse(osc.args[0]).data;
device.data.workspaces = {};
for (var i = 0; i < d.length; i++) {
device.data.workspaces[d[i].uniqueID] = {
displayName: d[i].displayName,
selectionIsPlayhead: true,
};
device.data.version = d[i].version;
device.send('/workspace/' + d[i].uniqueID + '/cueLists');
device.send('/workspace/' + d[i].uniqueID + '/updates', [
{ type: 'i', value: 1 },
]);
device.send('/cue/playbackPosition/uniqueID');
device.send('/workspace/' + d[i].uniqueID + '/selectionIsPlayhead');
}
} else if (p[1] == 'workspace' && p[3] == 'cueLists') {
var workspace = p[2];
var d = JSON.parse(osc.args[0]).data;
device.data.workspaces[workspace].cueLists = {};
device.data.workspaces[workspace].allCues = {};
device.data.workspaces[workspace].allCuesOrdered = [];
device.data.lastCueInGroup = {};
//console.log(address)
for (var i in d) {
device.data.workspaces[workspace].cueLists[d[i].uniqueID] = d[i];
device.data.workspaces[workspace].cueLists[d[i].uniqueID].cues =
d[i].cues;
if(osc.address=="/reply/workspaces"){
const d = JSON.parse(osc.args[0]).data;
device.data.workspaces = {};
for(var i=0; i<d.length; i++){
device.data.workspaces[d[i].uniqueID] = {
"displayName": d[i].displayName,
"selectionIsPlayhead": true,
}
device.data.version = d[i].version;
device.send("/workspace/"+d[i].uniqueID+"/cueLists");
device.send("/workspace/"+d[i].uniqueID+"/updates", [{type: "i", value: 1}]);
device.send("/cue/playbackPosition/uniqueID");
device.send("/workspace/"+d[i].uniqueID+"/selectionIsPlayhead");
}
getMoreCueInfo(d[i], []);
}else if(p[1]=="workspace" && p[3]=="cueLists"){
var workspace = p[2];
var d = JSON.parse(osc.args[0]).data;
device.data.workspaces[workspace].cueLists = {};
device.data.workspaces[workspace].allCues = {};
device.data.workspaces[workspace].allCuesOrdered = [];
device.data.lastCueInGroup = {};
function getMoreCueInfo(group, groups_arg) {
var groups = JSON.parse(JSON.stringify(groups_arg));
groups.push(group.uniqueID);
for(var i in d){
for (var cueIndex in group.cues) {
var cue = group.cues[cueIndex];
//console.log(cue)
device.data.workspaces[workspace].cueLists[d[i].uniqueID]=d[i];
device.data.workspaces[workspace].cueLists[d[i].uniqueID].cues = d[i].cues;
device.data.lastCueInGroup[group.uniqueID] = cue;
getMoreCueInfo(d[i], []);
cue.groups = groups;
device.send(
'/workspace/' +
workspace +
'/cue_id/' +
cue.uniqueID +
'/valuesForKeys',
[
{
type: 's',
value:
'["mode", "parent", "isBroken", "preWait", "duration", "postWait", "continueMode", "cueTargetNumber", "isLoaded", "isRunning"]',
},
]
);
cue.index =
device.data.workspaces[workspace].allCuesOrdered.push(cue) - 1;
function getMoreCueInfo(group, groups_arg){
var groups = JSON.parse(JSON.stringify(groups_arg))
groups.push(group.uniqueID);
if (cue.cues) {
cue.mode = 0;
getMoreCueInfo(cue, groups);
}
for(var cueIndex in group.cues){
var cue = group.cues[cueIndex];
//console.log(cue)
device.data.workspaces[workspace].allCues[cue.uniqueID] = cue;
}
}
}
device.data.lastCueInGroup[group.uniqueID] = cue;
//console.log(device.data.lastCueInGroup)
cue.groups = groups;
device.send("/workspace/"+workspace+"/cue_id/"+cue.uniqueID+"/valuesForKeys", [{type: "s", value: "[\"mode\", \"parent\", \"isBroken\", \"preWait\", \"duration\", \"postWait\", \"continueMode\", \"cueTargetNumber\", \"isLoaded\", \"isRunning\"]"}]);
cue.index = device.data.workspaces[workspace].allCuesOrdered.push(cue)-1;
device.draw();
} else if (p[0] == 'update' && p[1] == 'workspace' && p[3] == 'cue_id') {
device.send('/workspace/' + p[2] + '/cueLists');
} else if (
p[0] == 'update' &&
p[1] == 'workspace' &&
p[5] == 'playbackPosition'
) {
console.log('pb move');
device.data.playbackPosition = osc.args[0];
device.draw();
} else if (p[0] == 'reply' && p[1] == 'cue_id') {
if (p[3] == 'uniqueID') {
// response to /cue/playbackPosition/uniqueID
device.data.playbackPosition = JSON.parse(osc.args[0]).data;
} else if (p[3] == 'mode') {
var cueID = p[2];
var mode = JSON.parse(osc.args[0]).data;
var workspaceID = JSON.parse(osc.args[0]).workspace_id;
if(cue.cues){
cue.mode = 0;
getMoreCueInfo(cue, groups);
}
device.data.workspaces[workspaceID].allCues[cueID].mode = mode;
} else if (p[3] == 'valuesForKeys') {
this.deviceInfoUpdate(device, 'status', 'ok');
device.data.workspaces[workspace].allCues[cue.uniqueID] = cue;
var d = JSON.parse(osc.args[0]);
}
}
var cueID = p[2];
var workspace = d.workspace_id;
var cueList = d.data.parent;
}
device.data.workspaces[workspace].allCues[cueID].mode = d.data.mode;
device.data.workspaces[workspace].allCues[cueID].preWait = d.data.preWait;
device.data.workspaces[workspace].allCues[cueID].duration =
d.data.duration;
device.data.workspaces[workspace].allCues[cueID].postWait =
d.data.postWait;
device.data.workspaces[workspace].allCues[cueID].continueMode =
d.data.continueMode;
device.data.workspaces[workspace].allCues[cueID].target =
d.data.cueTargetNumber;
device.data.workspaces[workspace].allCues[cueID].loaded = d.data.isLoaded;
device.data.workspaces[workspace].allCues[cueID].broken = d.data.isBroken;
device.data.workspaces[workspace].allCues[cueID].running =
d.data.isRunning;
}
device.draw();
} else if (p[1] == 'workspace' && p[3] == 'selectionIsPlayhead') {
device.data.workspaces[p[2]].selectionIsPlayhead = JSON.parse(
osc.args[0]
).data;
} else {
}
};
//console.log(device.data.lastCueInGroup)
device.draw();
}else if(p[0]=="update" && p[1]=="workspace" && p[3]=="cue_id"){
device.send("/workspace/"+p[2]+"/cueLists");
}else if(p[0]=="update" && p[1]=="workspace" && p[5]=="playbackPosition"){
console.log('pb move')
device.data.playbackPosition = osc.args[0];
device.draw();
}else if(p[0]=="reply" && p[1]=="cue_id"){
if(p[3] == "uniqueID"){
// response to /cue/playbackPosition/uniqueID
device.data.playbackPosition = JSON.parse(osc.args[0]).data;
}else if(p[3]=="mode"){
var cueID = p[2];
var mode = JSON.parse(osc.args[0]).data;
var workspaceID = JSON.parse(osc.args[0]).workspace_id;
device.data.workspaces[workspaceID].allCues[cueID].mode = mode;
}else if(p[3]=="valuesForKeys"){
this.deviceInfoUpdate(device, "status", "ok");
var d = JSON.parse(osc.args[0]);
var cueID = p[2];
var workspace = d.workspace_id;
var cueList = d.data.parent;
device.data.workspaces[workspace].allCues[cueID].mode = d.data.mode;
device.data.workspaces[workspace].allCues[cueID].preWait = d.data.preWait;
device.data.workspaces[workspace].allCues[cueID].duration = d.data.duration;
device.data.workspaces[workspace].allCues[cueID].postWait = d.data.postWait;
device.data.workspaces[workspace].allCues[cueID].continueMode = d.data.continueMode;
device.data.workspaces[workspace].allCues[cueID].target = d.data.cueTargetNumber;
device.data.workspaces[workspace].allCues[cueID].loaded = d.data.isLoaded;
device.data.workspaces[workspace].allCues[cueID].broken = d.data.isBroken;
device.data.workspaces[workspace].allCues[cueID].running = d.data.isRunning;
}
device.draw();
}else if(p[1]=="workspace" && p[3]=="selectionIsPlayhead"){
device.data.workspaces[p[2]].selectionIsPlayhead = JSON.parse(osc.args[0]).data;
}else{
}
}
exports.heartbeat = function(device){
try{
device.send("/workspace/"+(Object.keys(device.data.workspaces)[0])+"/thump");
}catch(err){}
}
exports.heartbeat = function (device) {
try {
device.send(
'/workspace/' + Object.keys(device.data.workspaces)[0] + '/thump'
);
} catch (err) {}
};