Condition into Report (AB1)

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

Take a look at some frequently asked questions about us and our products!

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

Take a look at our YouTube channel and subscribe to be notified about new videos!

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

Andrea

Hello, Is possible insert a condition into HTML?

I have a variable into html, [Record.status].

I would like that if the state of [Record.status] is 'processing' it shows some text (example), otherwise not

Thank you

DecSoft

Hello Andrea,

You can use the "ng-show" directive in a way like below:

 
<div ng-show="Record.status == 'processing'">This record is in processing state</div>
<div ng-show="Record.status != 'processing'">This record is NOT in processing state</div>

Purchase one or more licenses of our products if they are useful to you!

Andrea

always wonderful! everything is always possible! :) Thank you David

Andrea

Do I like to complicate my life? What am I doing wrong?


<div ng-show="Record.date_created | date: 'dd-MM-y' == '[App.Day]-[App.Month]-[App.Year]'">TODAY</div>

DecSoft

Hello Andrea,

There are various ways to do it. I prefer to do these things in the server side, so, our records can have a property like "IsToday", so we can simply prepare a code like below:


<div ng-show="Record.IsToday == 'true'">Is today</div>

If you prefer to rely on the client side, you can prepare a variable in the Show event of the view in wich you place your Report control, a variable like below:


SetVar "[TodayFormatted]" "[App.Year]-[App.Month]-[App.Day]" "String"

Doing that you prepare a code inside the Report like below:


 <span ng-show="$root.TodayFormatted == Record.MyDate">Is today</span>
 <span ng-show="$root.TodayFormatted != Record.MyDate">Is NOT today</span>

Of course, we suppose that "Record.MyDate" contains date values like "YYYY-MM-DD". If there is other formatted date string in "Record.MyDate", then you must change the "TodayFormatted " variable accordingly.

Purchase one or more licenses of our products if they are useful to you!

Andrea

many things I ask you to learn (I know for sure that with HTTP client and server side everything would be easier)

I would like to use this second method more


<div ng-show="$root.TodayFormatted == Record.date_created | date: 'dd-MM-y'">Is today</div>

The problem is: Record.date_created is y-MM-dd hh:mm!

for this I'm looking for a solution for Record.date_created | date: 'dd-MM-y' otherwise the condition of equality never occurs

DecSoft

Hello Andrea,

You must lost the fear to use an HTTP client control: in fact when you set an URL to the Report, internally an HTTP call is made, so, using an HTTP call to retrieve the data is just a simple step. If you use an HTTP client control you can work with the response before assign it to the "Report.Data" variable.

Suppose the report's source (which will be assigned to the Report's Data variable) contains properties like this: "date_created": "2022-03-15 13:00". You can use an HTTP client control to get the source, and, in the HTTP client control Success event, you can write a code like below:


// Clear our Report.Data variable
ArrayClear "[Report1.Data]"

// Prepare a temporal array
NewArray "[MyTempArray]"

// Set the reponse of the HTTP client control to the temporal array
ArrayConcat "[MyTempArray]" "[HttpClient1.Response]" "[MyTempArray]"

// Get the length of the temporal array (the number of records)
ArrayLength "[MyTempArray]" "[TotalItems]"

// Decrement the number of records, so we can use the Loop below
Dec "[TotalItems]"

// Prepare a date variable with the current date (today)
NewDate "" "" "[CurrentDate]"

// Iterate over the temporal array
Loop "0" "[TotalItems]" "[I]"

  // Get the iterated item of the temporal array
  ArrayGetItem "[MyTempArray]" "[I]" "[Item]"

  // Create a date variable with the value of the item
  NewDate "[Item.date_created]" "YYYY-MM-DD HH:mm" "[ItemDate]"

  // Check if the item's date is the same than the current date
  DateIsSame "[CurrentDate]" "[ItemDate]" "day" "[ItemDateIsToday]"

  // Add a new property to the item which is "true" if the date
  // is today, or "false" if the date is not today
  ObjectSetProp "[Item]" "IsToday" "[ItemDateIsToday]"
EndLoop

// Finally assign the temporal array to the Report Data variable
ArrayConcat "[Report1.Data]" "[MyTempArray]" "[Report1.Data]"

Doing that you can use a code like below in the Report HTML:


 <div ng-show="Record.IsToday == 'true'">Is today</div>
 <div ng-show="Record.IsToday != 'true'">Is NOT today</div>

Purchase one or more licenses of our products if they are useful to you!

Andrea

Hello David, I hope you are doing wonderfully well, I would need to know if this condition technique is also applicable outside reports (without using reports), in an html that has an ID that has an attribute.

For example I have an ID that has attribute volume=1 and I would like the text "MINIMUM" to be displayed in the div.

<div id='example1' volume='1'>

how should i do if it is possible to create the condition like your above examples.

it might be interesting to know if it is possible to do something similar also starting from a variable SetVar "volume" "1" "String"

if it is possible in the html check the condition

Thank you

DecSoft

Hello Andrea,

Yes; it's possible to use these kind of conditions in HTML controls, not only in Reports. Talking about AB1, we are talking about something like below, taking in consideration that "volume" is a variable defined with "SetVar":

<div ng-show="volume == 1">
 Volume is 1
</div>

<div ng-show="volume != 1">
 Volume is other than 1
</div>

The below is also possible:

<div>
 {{volume == '1' ? 'Volume is 1' : 'Volume is not 1'}}
</div>

Purchase one or more licenses of our products if they are useful to you!

Andrea

Thanks David, good to know.

I was also thinking of another method via css.

I have many divs with the volume attribute.

The volume goes from 0 to 4.

I was thinking of such a solution to avoid writing conditions for each div.

div[volume="0"]:before {
    content: "NO AUDIO" !important;
}
div[volume="1"]:before {
    content: "MIN" !important;
}

div[volume="2"]:before {
    content: "MED" !important;
}

div[volume="3"]:before {
    content: "HIGH" !important;
}

do you think it is a suitable solution?

DecSoft

Hello Andrea,

If the solution using CSS can be good for you, I think there is not a problem to use it: finally we can almost always choose different paths to get our expected results. However, note a couple of things. First of all, in order to avoid the conditions, you are using various CSS rules: so, in fact you "avoid" conditions but used various CSS rules.

On the other hand, the "volume" attribute is not an standard attribute, so, maybe you must avoid it. Maybe you can use a "data-volume" attribute and use your technique with CSS rules, in order to avoid to use a non standard attribute like "volume". On the other hand, if you use HTML, then you can may use different texts (in variables) that you cannot use in CSS.

In principle is not a problem to use the conditions in the HTML, so, I think that in your shoes that is the solution that I will take (in fact the conditions are a very powerful tool that we can use when needed), however, as I said above, if you get the things working as you expected using CSS, then use CSS, Andrea.

Purchase one or more licenses of our products if they are useful to you!

Andrea

Thank you David,

Yes it is always nice to study more suitable solutions based on what is needed, thanks for your support ;)

DecSoft

Hello Andrea,

No problem. Just in case you want to use a "data" attribute in the DIV, here is the way to do it (talking about AB1):


<div id="my-div" ng-attr-data-volume="{{volume}}"></div>

And then in the CSS we can apply rules like below:


#my-div[data-volume="1"]:before {
  content: "MIN";
}

#my-div[data-volume="2"]:before {
  content: "MEDIUM";
}

Purchase one or more licenses of our products if they are useful to you!

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.