Facility Control

I'd still recommend giving the constraint update approach a try then:

<abs contexttype="opengear" style="">
   <meta>
      <params>
         <param access="1" constrainttype="INT_CHOICE" name="Constriant Toggle" oid="Constriant_Toggle" precision="0" type="INT32" value="1" widget="radio-toggle">
            <constraint key="0">Advanced</constraint>
            <constraint key="1">Basic</constraint>
         </param>
         <param access="1" constrainttype="STRING_CHOICE" name="Table" oid="params.table" precision="0" type="INT32" value="-1" widget="table">
            <constraint>col1</constraint>
            <constraint>col2</constraint>
            <constraint>col3</constraint>
         </param>
         <param access="1" maxlength="0" name="Col 1" oid="col1" precision="0" type="STRING_ARRAY" widget="label">
            <value>a</value>
            <value>b</value>
            <value>c</value>
            <value>d</value>
            <value>e</value>
            <value>f</value>
            <value>g</value>
         </param>
         <param access="1" maxlength="0" name="Col 2" oid="col2" precision="0" type="STRING_ARRAY" widget="label">
            <value>1</value>
            <value>2</value>
            <value>3</value>
            <value>4</value>
            <value>5</value>
            <value>6</value>
            <value>7</value>
         </param>
         <param access="1" maxlength="0" name="Col 3" oid="col3" precision="0" type="STRING_ARRAY" widget="label">
            <value>i</value>
            <value>ii</value>
            <value>iii</value>
            <value>iv</value>
            <value>v</value>
            <value>vi</value>
            <value>vii</value>
         </param>
      </params>
   </meta>
   
   <param expand="true" height="90" left="17" oid="Constriant_Toggle" runtasksonload="true" style="style:toggleButton;" top="303" width="583">
      <task tasktype="ogscript">var cArray = null;
if (this.getValue() == 0)
{
   cArray = ['col1', 'col2', 'col3'];
}
else
{
   cArray = ['col1', 'col2'];
}

var choiceConstraint = params.createStringChoiceConstraint(cArray);
params.replaceConstraint('params.table', choiceConstraint);</task>
   </param>
<param expand="true" height="278" left="17" oid="params.table" showlabel="false" top="17" width="580"/>
</abs>

Yes. Just create a new IntChoiceConstraint instead of a StringChoiceConstraint.

Appreciate the help @jamespeltzer, but I must be missing something... Look at attached code, based on your example above.

Table is created with a parameter with OID 0x6.
The table is defined by the OID Hex values translated into normal INTs, in an Integer Array with Choice Constraints.
The table collumns are as follows: [LIST=1]

• Value: 2 (ref OID 0x2), with Name: "Data 1".
• Value: 3 (ref OID 0x3), with Name: "Data 2".
• Value: 4 (ref OID 0x4), with Name: "Int 1".

Initial value: -1

Now, if you uncomment that last line in the task in the toggle buttons below, that will change the look of the table, but not as wanted...
"Basic" will be blank, and the advanced table will only show collumn "2" with "data 1" through "data 5". This in other words show the values of the parameter "data1" or 0x2 if you want...
And if you look at the parameter that makes up the table (0x5), the table collumns are now as follows: [LIST=1]

• Value: 0 (no OID with 0x0), with Name: "2"
• Value: 1 (no OID with 0x1), with Name: "3"
• Value: 2 (ref OID 0x2), with Name "4".

So I guess that means we did set the Names of the collumns to 2,3,4 but the values it refer to was set automatically to an array starting from 0, wich in turn makes it fetch the completly wrong data.
I still need it to fetch the OID 0x2, 0x3 and 0x4, but the only thing I can manipulate with this is "Name".

How do I set both the Int Value AND the STRING Name Value in the parameter 0x5?
Tried looking at the help documentation for createIntChoiceContraint and the createStringChoiceConstraint, and it's a little lacking to say the least...

Attached code for example DashBoard:

<abs contexttype="opengear" gridsize="20" style="">
   <meta>
      <params>
         <param access="1" maxlength="0" name="data1" oid="0x2" precision="0" type="STRING_ARRAY" widget="default">
            <value>data 1</value>
            <value>data 2</value>
            <value>data 3</value>
            <value>data 4</value>
            <value>data 5</value>
         </param>
         <param access="1" maxlength="0" name="data2" oid="0x3" precision="0" type="STRING_ARRAY" widget="default">
            <value>Val 1</value>
            <value>Val 2</value>
            <value>Val 3</value>
            <value>Val 4</value>
            <value>Val 5</value>
         </param>
         <param access="1" constrainttype="INT_NULL" name="Int1" oid="0x4" precision="0" type="INT16_ARRAY" value="11;22;33;44;55" widget="default"/>
         <param access="1" constrainttype="INT_CHOICE" name="hex_table" oid="0x5" precision="0" type="INT16_ARRAY" value="-1" widget="default">
            <constraint key="2">Data 1</constraint>
            <constraint key="3">Data 2</constraint>
            <constraint key="4">Int 1</constraint>
         </param>
         <param access="1" constrainttype="INT_CHOICE" name="Constraint Toggle 2" oid="0x6" precision="0" type="INT32" value="0" widget="radio-toggle">
            <constraint key="0">Advanced</constraint>
            <constraint key="1">Basic</constraint>
         </param>
      </params>
   </meta>
  
  
<param expand="true" height="280" left="40" oid="0x5" showlabel="false" top="20" widget="table" width="580"/>
   <param expand="true" height="100" left="40" oid="0x6" runtasksonload="true" style="style:toggleButton;" top="300" width="580">
      <task tasktype="ogscript">var cArray = null;
if (this.getValue() == 0)
{
   cArray = [2, 3, 4];
}
else
{
   cArray = [2, 3];
}

var choiceConstraint = params.createIntChoiceConstraint(cArray);
//params.replaceConstraint(0x5, choiceConstraint);</task>
   </param>
</abs>

And for the people wondering why I wanna stay with the Hex values, and not use the "name" of the parameter to create my tables collumns.
This is my list of parameters as of now. And this is just a small bit of it. And seeing that the parameter list cannot be sorted any other way than through it's name, this is my only way of keeping my parameters sorted and possible to find again. But they are not really "user friendly" as headers for a table collumn...

You're close. The problem is that you're just passing a simple array into createIntChoiceConstraint - when you do this, DashBoard will automatically-generate numbers (starting with 0) associated with each entry in the array.

Instead, you'll want to send an array of JSON Objects where the 'key' field is set to the numeric value and 'value' is set to the string you want displayed.

<abs contexttype="opengear" gridsize="20" style="">
   <meta>
      <params>
         <param access="1" maxlength="0" name="data1" oid="0x2" precision="0" type="STRING_ARRAY" widget="default">
            <value>data 1</value>
            <value>data 2</value>
            <value>data 3</value>
            <value>data 4</value>
            <value>data 5</value>
         </param>
         <param access="1" maxlength="0" name="data2" oid="0x3" precision="0" type="STRING_ARRAY" widget="default">
            <value>Val 1</value>
            <value>Val 2</value>
            <value>Val 3</value>
            <value>Val 4</value>
            <value>Val 5</value>
         </param>
         <param access="1" constrainttype="INT_NULL" name="Int1" oid="0x4" precision="0" type="INT16_ARRAY" value="11;22;33;44;55" widget="default"/>
         <param access="1" constrainttype="INT_CHOICE" name="hex_table" oid="0x5" precision="0" type="INT16_ARRAY" value="-1" widget="default">
            <constraint key="2">Data 1</constraint>
            <constraint key="3">Data 2</constraint>
            <constraint key="4">Int 1</constraint>
         </param>
         <param access="1" constrainttype="INT_CHOICE" name="Constraint Toggle 2" oid="0x6" precision="0" type="INT32" value="0" widget="radio-toggle">
            <constraint key="0">Advanced</constraint>
            <constraint key="1">Basic</constraint>
         </param>
      </params>
   </meta>
   <param expand="true" height="280" left="40" oid="0x5" showlabel="false" top="20" widget="table" width="580"/>
   <param expand="true" height="100" left="40" oid="0x6" runtasksonload="true" style="style:toggleButton;" top="300" width="580">
      <task tasktype="ogscript">var cArray = null;
if (this.getValue() == 0)
{
   cArray = [
   {"key": 2, "value": "New Data 2"},
   {"key": 3, "value": "New Data 3"},
   {"key": 4, "value": "New Data 4"}];
}
else
{
   cArray = [
   {"key": 2, "value": "Alt 2"},
   {"key": 3, "value": "Alt 3"}];
}

var choiceConstraint = params.createIntChoiceConstraint(cArray);
params.replaceConstraint(0x5, choiceConstraint);</task>
   </param>
</abs>

So. I was looking for a way to rearrange a table/the arrays making up the table.
Now I'm fully aware of the sorting (we covered that earlier), and I am also aware of the w.reorder in the config options.
However while these do sort the table contents as we see them, and lets us "sort" how we want the table, it does not change the index value of those entries.

Is there a "best practise" on how to rearrange these arrays that make up a parameter table? Or are we back to the structs etc in that case?
I need to be able to update the top 5 (0-4 index) parameters that will be sent to Xpression as for image URLs. And they should allways be the top 5 images in that table. Now the sorting doesnt fix it, and the w.reorder does not update the top 5 indexes, only move them around in the GUI.

I kinda allready found a sollution, but having to make 9 arrays and sort each one the same and then setAllValues of all 9 parameters to those arrays again is a bit.. well.. much?
Was wondering if there is a better way or a best practise included in DashBoard that I dont know about...

See sollution example here:

<abs contexttype="opengear" gridsize="20" style="">
   <meta>
      <params>
         <param access="1" maxlength="0" name="Navn" oid="0x2" precision="0" type="STRING_ARRAY" widget="default">
            <value>Value 5</value>
            <value>Value 1</value>
            <value>Value 2</value>
            <value>Value 3</value>
            <value>Value 4</value>
         </param>
         <param access="1" maxlength="0" name="poeng" oid="0x3" precision="0" type="STRING_ARRAY" widget="default">
            <value>16</value>
            <value>11</value>
            <value>18</value>
            <value>12</value>
            <value>14</value>
         </param>
         <param access="1" constrainttype="INT_CHOICE" name="table" oid="0x4" precision="0" type="INT16_ARRAY" value="0" widget="default">
            <constraint key="2">Navn</constraint>
            <constraint key="3">Poeng</constraint>
         </param>
      </params>
   </meta>
   <param expand="true" height="180" left="20" oid="0x4" showlabel="false" top="20" widget="table" width="340">
      <config key="w.cellediting">false</config>
   </param>

<button buttontype="push" height="80" left="380" name="UP" top="20" width="80">
      <task tasktype="ogscript">function move(array, from, to) {
  if( to === from ) return array;

  var target = array[from];                         
  var increment = to &lt; from ? -1 : 1;

  for(var k = from; k != to; k += increment){
    array[k] = array[k + increment];
  }
  array[to] = target;
  return array;
}

var arr1 = [];
var arr2 = [];

for (var i = 0; i &lt; params.getElementCount(0x2); i++) {
   arr1.push(params.getValue(0x2, i));
   arr2.push(params.getValue(0x3, i));
}

var i = params.getValue(0x4, 0);
var x = i-1;
if (x &lt;= 0) { x = 0; }

arr1 = move(arr1, i, x);
arr2 = move(arr2, i, x);

params.setAllValues(0x2, arr1);
params.setAllValues(0x3, arr2);

params.setValue(0x4, 0, x);</task>
   </button>
   <button buttontype="push" height="80" left="380" name="DOWN" top="120" width="80">
      <task tasktype="ogscript">function move(array, from, to) {
  if( to === from ) return array;

  var target = array[from];                         
  var increment = to &lt; from ? -1 : 1;

  for(var k = from; k != to; k += increment){
    array[k] = array[k + increment];
  }
  array[to] = target;
  return array;
}

var arr1 = [];
var arr2 = [];

for (var i = 0; i &lt; params.getElementCount(0x2); i++) {
   arr1.push(params.getValue(0x2, i));
   arr2.push(params.getValue(0x3, i));
}

var i = params.getValue(0x4, 0);
var x = i+1;
var max = params.getElementCount(0x2) - 1;

if (x &gt;= params.getElementCount(0x2)) { x = max; }

arr1 = move(arr1, i, x);
arr2 = move(arr2, i, x);

params.setAllValues(0x2, arr1);
params.setAllValues(0x3, arr2);

params.setValue(0x4, 0, x);</task>
   </button>
</abs>

And we're back at it!

Is there any way to control tabindex in DashBoard?
Like in HTML forms you can specify the tab order with a tab-index="x" and direct the focus if you want it in a specific order.
Ref: https://www.w3schools.com/tags/att_global_tabindex.asp

In MOST cases, DashBoard does a really good job at this, usually go from left to right, top to bottom...
However there are sooooome few cases where I would not want this...

I've tried adding the "tabindex="x"" to the input fields, but this didnt work.
I've also looked for a "focus" to target a specific ID under ogScript->Panel Elements for a task on said input. No luck...

HOWEVER

I did try a "reveal" with the ID of the desired next element, and this worked! However, the issue then is when you're tabbing through panel inputs, and the task only runs when the parameter is changed.

Example DashBoard included below.
In this example, you will see that when you DONT change the value of "test1" and tab it will go to "test2".
However, if you change the value of "test1" the next tab value will be "test3".
Another issue with this is that you will also change to "test3" if you use a simple "enter" and not tab.

<abs contexttype="opengear" gridsize="20" id="_top">
   <meta>
      <params>
         <param access="1" maxlength="0" name="test1" oid="test1" type="STRING" value="test1" widget="text"/>
         <param access="1" maxlength="0" name="test 2" oid="test_2" type="STRING" value="test2" widget="text"/>
         <param access="1" maxlength="0" name="test 3" oid="test_3" type="STRING" value="test3" widget="text"/>
      </params>
   </meta>
   <param expand="true" height="60" id="test1" left="40" name="" oid="test1" top="40" width="320">
      <task tasktype="ogscript"/>
      <task tasktype="ogscript">


/*! block id=1001 !*/
ogscript.reveal("test3");
/*!!
 &lt;block id="1001" type="ogscript_reveal" x="229" y="120" w="243" ID="test3" /&gt;
!!*/
/*!!&lt;checksum&gt;3b02fda6f4fc019113e69c38bcb54da3&lt;/checksum&gt;!!*/</task>
   </param>
   <param expand="true" height="60" id="test2" left="40" name="" oid="test_2" top="140" width="320"/>
   <param expand="true" height="60" id="test3" left="40" oid="test_3" top="240" width="320"/>
</abs>

Do you have another magical sollution for me @jamespeltzer ? :D

With time on my side and newer releases of DASH board, is there  now a simpler approach to importing an API (JSON formatted) data source?

I too am working on a hockey system for both XPression, (running in the truck) and for vMix for streaming online. These would be separate entities.

I have access to several APIs which vMix handles quite nicely to populate the graphics.

Can I utilize these data sources in DASH Board and eventually populate the XPression graphics?

I read thru the thread Aleksander Stalsberg & James Peltzer  and hoping for simplied approach ( for my simple mind)  now, a year later.

Thanks

Whit

Hi Whit.

If you go with the STRUCT approach (earlier in the thread), you should be able to parse your JSON string and send it directly into the structure to fill-in the rows of your table.

<abs contexttype="opengear" id="_top">
<meta>
<params>
<param access="1" maxlength="0" name="Data URL" oid="Data_URL" stateless="true" type="STRING" value="" widget="text"/>
<param access="1" name="Structured Data" oid="struct-data" stateless="true" type="STRUCT_ARRAY" widget="table">
<value>
<subparam access="1" maxlength="0" name="name" suboid="team" type="STRING" value="" widget="default"/>
</value>
</param>
</params>
</meta>
<param expand="true" height="61" left="18" oid="Data_URL" right="17" top="20">
<task tasktype="ogscript">function callback(resultStr)
{
if (resultStr != null)
{
var json = JSON.parse(resultStr);
var a = null;
if (Array.isArray(json))
{
a = json;
}
else
{
a = [];
a.push(json);
}
params.setAllValues('struct-data', a);
}
}
params.resetAllValues('struct-data');
ogscript.asyncPost(params.getValue('Data_URL', 0), null, callback);</task>
</param>
<param bottom="10" expand="true" left="19" oid="struct-data" right="9" showlabel="false" top="94"/>
</abs>

Where my JSON data looks like this:

[{"id":1,"first_name":"Janis","last_name":"Asey","email":"jasey0@fda.gov","gender":"Female","ip_address":"6.21.161.8"},
{"id":2,"first_name":"Kerr","last_name":"Biasini","email":"kbiasini1@vinaora.com","gender":"Male","ip_address":"147.62.107.241"},
{"id":3,"first_name":"Stormy","last_name":"Jillions","email":"sjillions2@intel.com","gender":"Female","ip_address":"78.135.109.53"},
{"id":4,"first_name":"Adelice","last_name":"Sparwell","email":"asparwell3@moonfruit.com","gender":"Female","ip_address":"44.154.98.64"},
{"id":5,"first_name":"Tally","last_name":"Illes","email":"tilles4@springer.com","gender":"Female","ip_address":"119.16.105.242"},
{"id":6,"first_name":"Petronilla","last_name":"Armitage","email":"parmitage5@topsy.com","gender":"Female","ip_address":"83.194.66.133"},
{"id":7,"first_name":"Major","last_name":"Van","email":"mvan6@google.ru","gender":"Male","ip_address":"33.11.63.60"},
{"id":8,"first_name":"Blancha","last_name":"Sclanders","email":"bsclanders7@cbslocal.com","gender":"Female","ip_address":"235.126.116.159"},
{"id":9,"first_name":"Tani","last_name":"Diwell","email":"tdiwell8@taobao.com","gender":"Female","ip_address":"89.211.158.1"},
{"id":10,"first_name":"Marlin","last_name":"Juden","email":"mjuden9@whitehouse.gov","gender":"Male","ip_address":"121.234.50.69"},
{"id":11,"first_name":"Wade","last_name":"Matusson","email":"wmatussona@psu.edu","gender":"Male","ip_address":"184.165.26.1"},
{"id":12,"first_name":"Tad","last_name":"Skey","email":"tskeyb@icq.com","gender":"Male","ip_address":"102.60.253.92"},
{"id":13,"first_name":"Odelinda","last_name":"Ubsdale","email":"oubsdalec@51.la","gender":"Female","ip_address":"65.140.208.184"},
{"id":14,"first_name":"Anderea","last_name":"Cowlishaw","email":"acowlishawd@omniture.com","gender":"Female","ip_address":"203.46.217.203"},
{"id":15,"first_name":"Tadeo","last_name":"Wrist","email":"twriste@linkedin.com","gender":"Male","ip_address":"67.207.1.119"},
{"id":16,"first_name":"Hodge","last_name":"Rishbrook","email":"hrishbrookf@hp.com","gender":"Male","ip_address":"246.46.0.75"},
{"id":17,"first_name":"Daniela","last_name":"Wiggett","email":"dwiggettg@youku.com","gender":"Female","ip_address":"181.44.139.91"},
{"id":18,"first_name":"Joel","last_name":"Wolffers","email":"jwolffersh@umich.edu","gender":"Male","ip_address":"176.178.4.32"},
{"id":19,"first_name":"Ashien","last_name":"Landall","email":"alandalli@themeforest.net","gender":"Female","ip_address":"166.29.153.239"},
{"id":20,"first_name":"Kimbra","last_name":"Corington","email":"kcoringtonj@uol.com.br","gender":"Female","ip_address":"230.52.152.181"},
{"id":21,"first_name":"Roddie","last_name":"Trousdale","email":"rtrousdalek@spiegel.de","gender":"Male","ip_address":"110.21.216.185"},
{"id":22,"first_name":"Nelly","last_name":"Lies","email":"nliesl@harvard.edu","gender":"Female","ip_address":"88.164.178.247"},
{"id":23,"first_name":"Yolande","last_name":"Henriques","email":"yhenriquesm@fema.gov","gender":"Female","ip_address":"82.129.162.110"},
{"id":24,"first_name":"Elysee","last_name":"Ingarfield","email":"eingarfieldn@zdnet.com","gender":"Female","ip_address":"20.174.222.162"},
{"id":25,"first_name":"Brendon","last_name":"Hendrikse","email":"bhendrikseo@wisc.edu","gender":"Male","ip_address":"10.202.62.4"},
{"id":26,"first_name":"Claudianus","last_name":"Bonafant","email":"cbonafantp@sphinn.com","gender":"Male","ip_address":"212.67.17.22"},
{"id":27,"first_name":"Bing","last_name":"Coatsworth","email":"bcoatsworthq@ustream.tv","gender":"Male","ip_address":"247.117.126.117"},
{"id":28,"first_name":"Catharine","last_name":"Paradise","email":"cparadiser@cdc.gov","gender":"Female","ip_address":"233.74.20.72"},
{"id":29,"first_name":"Westbrooke","last_name":"Langlois","email":"wlangloiss@state.gov","gender":"Male","ip_address":"14.80.172.32"},
{"id":30,"first_name":"Lindsay","last_name":"Scotchmer","email":"lscotchmert@e-recht24.de","gender":"Female","ip_address":"215.205.207.128"},
{"id":31,"first_name":"Thedrick","last_name":"Smewings","email":"tsmewingsu@yandex.ru","gender":"Male","ip_address":"42.229.207.66"},
{"id":32,"first_name":"Glenn","last_name":"Holde","email":"gholdev@t-online.de","gender":"Male","ip_address":"109.45.167.2"},
{"id":33,"first_name":"Barny","last_name":"Ghent","email":"bghentw@huffingtonpost.com","gender":"Male","ip_address":"173.109.232.44"},
{"id":34,"first_name":"Maurita","last_name":"Revill","email":"mrevillx@ucoz.com","gender":"Female","ip_address":"102.104.242.151"},
{"id":35,"first_name":"Floria","last_name":"Cockshot","email":"fcockshoty@histats.com","gender":"Female","ip_address":"109.219.59.226"},
{"id":36,"first_name":"Hadleigh","last_name":"Lobbe","email":"hlobbez@theguardian.com","gender":"Male","ip_address":"164.80.228.25"},
{"id":37,"first_name":"Niel","last_name":"McClenaghan","email":"nmcclenaghan10@biblegateway.com","gender":"Male","ip_address":"171.180.144.31"},
{"id":38,"first_name":"Jenn","last_name":"Brixey","email":"jbrixey11@sohu.com","gender":"Female","ip_address":"165.131.195.0"},
{"id":39,"first_name":"Caresa","last_name":"Hammersley","email":"chammersley12@unicef.org","gender":"Female","ip_address":"108.45.18.105"},
{"id":40,"first_name":"Myles","last_name":"Cobson","email":"mcobson13@diigo.com","gender":"Male","ip_address":"208.87.4.183"},
{"id":41,"first_name":"Sydel","last_name":"Vallerine","email":"svallerine14@ning.com","gender":"Female","ip_address":"211.229.45.111"},
{"id":42,"first_name":"Keelia","last_name":"Woehler","email":"kwoehler15@ehow.com","gender":"Female","ip_address":"4.68.248.210"},
{"id":43,"first_name":"Berkie","last_name":"Wooding","email":"bwooding16@cocolog-nifty.com","gender":"Male","ip_address":"76.29.61.62"},
{"id":44,"first_name":"Maurie","last_name":"Ratcliff","email":"mratcliff17@earthlink.net","gender":"Male","ip_address":"58.166.137.154"},
{"id":45,"first_name":"Anders","last_name":"Ege","email":"aege18@usda.gov","gender":"Male","ip_address":"173.56.201.209"},
{"id":46,"first_name":"Vasili","last_name":"Goodliffe","email":"vgoodliffe19@nyu.edu","gender":"Male","ip_address":"103.176.120.95"},
{"id":47,"first_name":"Kalinda","last_name":"Semmence","email":"ksemmence1a@craigslist.org","gender":"Female","ip_address":"88.177.189.228"},
{"id":48,"first_name":"Nollie","last_name":"Dumbellow","email":"ndumbellow1b@behance.net","gender":"Female","ip_address":"20.254.122.58"},
{"id":49,"first_name":"Sasha","last_name":"Ravenscraft","email":"sravenscraft1c@odnoklassniki.ru","gender":"Male","ip_address":"159.192.216.97"}]

Or this:

[{
"name":"John",
"age":30,
"cars": {
"car1":"Ford",
"car2":"BMW",
"car3":"Fiat"
}
},
{
"name":"John",
"age":30,
"cars": {
"car1":"Ford",
"car2":"BMW",
"car3":"Fiat"
}
},
{
"name":"John",
"age":30,
"cars": {
"car1":"Ford",
"car2":"BMW",
"car3":"Fiat"
}
},
{
"name":"John",
"age":30,
"cars": {
"car1":"Ford",
"car2":"BMW",
"car3":"Fiat"
}
}]