hi @dbaldes

thanks for the feedback.

While the authentication itself works fine for me (in my setup with keycloak as authorization server), it appears that the only way to use this is that I have to create users in jsreport first (in order to assign read/edit permissions on resources).
It would be way more useful for my setup if if was possible to assign permissions based on user roles; I have many users which are identified by keycloak and duplicating/managing all those users on jsreport does not seem feasible nor reasonable.

yes, I think the same, duplicating the users is not great. this was our first implementation and we have not received so much feedback since we released it, but this is changing now because this is the second time we receive feedback about the token-based authentication, so we will make sure to discuss this and plan something, i have opened an issue about this, you can follow that issue to watch the progress about.

Is this in any way possible maybe using an extension? Thanks in advance.

this is not possible at the moment, however, everything is almost possible with an extension, just that we have not prepared something related yet, so you can build one if you get to understand how the authentication works in jsreport.

@Adrian-Floor hi!

hmm interesting, can you upload to the playground the template that is able to run as html just fine but has issues when running as pdf?

hi!

Is it possible to generate jsreport pdf reports from react native?

I think it is possible, however, we don't have any example for it at the moment.

We have used
jsreport-browser-client-dist but it is not working

i guess it does not work by default because it is browser-oriented, but the .renderAsync api should probably work, even if it does not work (maybe because react-native does not have XMLHttpRequest) you can easily replicate the http request using fetch, it is just an http request after all.

Also how to display the generated pdf reports using react-native-view-pdf

it depends on the type of input the react-native-view-pdf lib expects the pdf to be, i see it accepts base64 string too, probably the easiest is that you call fetch replicating the http request we do, and then with the response convert it to base64 and pass it as input of react-native-view-pdf

sorry if we don't provide you an example, we don't have a RN env ready, and prepare one will take some time, but we will keep in mind to increase the number of examples in other platforms in the future

hi! can you share the code that you are trying to use to customize the format? i have a feeling that this is not supported however since we allow custom transports it should probably work if you instantiate the transport by your own and specify the formatter options.

PD: jsreport uses winston v2, so keep in mind that when working with the winston api, we will update to the latest winston v3 in jsreport v3, which is currently in development

hi @jotasenati

i checked your playground demo and i think i found the issue, it is related to how the grid system in bootstrap works and how that translates to the printing layout, you have this code that prints the images

<div class="row margin-top5 align-items-center border-left border-right border-bottom" style="break-inside: avoid !important;">
  <div class="col-md-12 text-left border pt-2 pb-1" style="margin-bottom: 2%">
      <!--<label class="label">Imagens</label>-->
      <h5>Relatório Fotográfico</h5>
  </div>
  
  {{#each AnexosImagens}}
  <div class="col-md-6 text-center p-1" style="break-inside: avoid !important;">
      <div class="unbreakable" style="break-inside: avoid !important;">
          <img  src="{{Arquivo}}" width="50%" border="0" class="uImage imgs rotarion{{Orientation}}" style="break-inside: avoid !important;"/>
          <br/>
          <label style="margin-top: 2%">{{TituloAtividade}}
          <br/>
          {{Descricao}}</label>
      </div>
      
  </div>
  {{/each}}
</div>

which basically puts lots of .col elements (produced by the #each block) inside single .row parent, this is probably ok to do when using bootstrap to layout web pages, however when this translates to print layout it does not work with the .unbreakable (page-break-inside: avoid rule).

you need to change your code to print each two .cols (images) elements inside a single .row element, so the end result is something like this.

<div class="row margin-top5 align-items-center border-left border-right border-bottom">
  <div class="col-md-12 text-left border pt-2 pb-1" style="margin-bottom: 2%">
      <!--<label class="label">Imagens</label>-->
      <h5>Relatório Fotográfico</h5>
  </div>
  <div class="cold-md-12">
      <div class="row">
          <div class="col-md-6 text-center p-1">
              <div class="unbreakable">
                  <img  src="https://asset.barrons.com/public/resources/images/ON-CQ379_CoverI_B620_20180817201557.jpg" border="0" class="uImage imgs rotarion"/>
                  <br/>
                  <label style="margin-top: 2%">Titulo Atividade 1
                  <br/>
                  4016x3007.jpg</label>
              </div>     
          </div>
          <div class="col-md-6 text-center p-1">
              <div class="unbreakable">
                  <img  src="https://asset.barrons.com/public/resources/images/ON-CQ379_CoverI_B620_20180817201557.jpg" border="0" class="uImage imgs rotarion"/>
                  <br/>
                  <label style="margin-top: 2%">Titulo Atividade 1
                  <br/>
                  4016x3007.jpg</label>
              </div>     
          </div>
      </div>
      <div class="row">
          <div class="col-md-6 text-center p-1">
              <div class="unbreakable">
                  <img  src="https://asset.barrons.com/public/resources/images/ON-CQ379_CoverI_B620_20180817201557.jpg" border="0" class="uImage imgs rotarion"/>
                  <br/>
                  <label style="margin-top: 2%">Titulo Atividade 1
                  <br/>
                  4016x3007.jpg</label>
              </div>     
          </div>
          <div class="col-md-6 text-center p-1">
              <div class="unbreakable">
                  <img  src="https://asset.barrons.com/public/resources/images/ON-CQ379_CoverI_B620_20180817201557.jpg" border="0" class="uImage imgs rotarion"/>
                  <br/>
                  <label style="margin-top: 2%">Titulo Atividade 1
                  <br/>
                  4016x3007.jpg</label>
              </div>     
          </div>
      </div>
  </div>
</div>

i am just showing you how the end html should look like for your layout to work and the .unbreakable to have effect, you still need to adapt this html into handlebars according to your data.

you can see a live example of this html here -> https://playground.jsreport.net/w/anon/wexaJlQV

of course in that demo there is other issue that the rows overflows the borders (left/right) however i think that should be fixable, just that i don't have too much experience with the new bootstrap grid system.

hi @Happy-Patel, i am not sure if the office version is relevant or not but i can see the images on my mac just fine (although it is not the same output than the one shown in playground)

in case it matters, i have Word for Mac v16.43 on High Sierra

hi @Wilson-Chan-Wilson-Chan this is not directly a jsreport error, you are seeing the standard https error that the browser throws when it does not trust the cert authority linked to your server. I don't know why firefox works but to have it working consistently you need to either change the server to plain http or setup a valid cert when using https

hi @Msterty

the problem is that we use the package.json's name content as the name of the windows service to register, so the second time you try to start a project with the same name it is going to detect it as duplicate.

if the instances to register as windows services are different projects/folder then you just need to change the package.json of each one and give it a unique name

sorry, i don't see what is wrong in the output of the template

i see this

can you highlight the issue? maybe mark the photo with some editor and describe more how it should look

@SuryaPrakash-Rajasekar hi, check the comments here, specifically the paragraph that starts with tables with long content expand across multiple pages as needed.., i think the problem in your template is the usage of border-collapse: collapse which has weird behaviour when printing, you should not use that and instead replicate the table border with styles to cell and padding, check this example