javascript - loadhtml instead of loadUrl in electron scripts and links are not working -

-

i same thing in question, give data template, compile , made file 

var file = 'data:text/html,' + encodeuricomponent(compiled);

all looks fine, template rendered , data, tags in head stop working, tags link or script src attribute

here doc in pouchdb id maz-63171 , give doc template:

db.get('maz-63171')     .then(function(doc) {         var compilefn = pug.compilefile('./pugtemplates/index.pug', {             pretty: true         });         var compiled = compilefn({doc: doc});         console.log(compiled);         // console.log(doc);         // 'file://' + __dirname + '/pugtemplates/index.pug'         var file = 'data:text/html,' + encodeuricomponent(compiled);         mainwindow.loadurl(file);     })     .catch(function(err) {         console.log(err);     });

in index.pug have this

doctype html html(lang="en")   head     title="trucks"     link(rel="stylesheet" href="../node_modules/semantic-ui/dist/semantic.min.css")     //- script window.$ = window.jquery = require('jquery');     script(src="../node_modules/jquery/dist/jquery.min.js")     script(src="../node_modules/semantic-ui/dist/semantic.min.js")   body     .ui.container       .ui.grid         .four.wide.column         .eight.wide.column           |#{doc._id}         table.ui.celled.table           thead             tr               th header               th header               th header           tbody             tr               td                 .ui.ribbon.label first               td cell               td cell             tr               td cell               td cell               td cell             tr               td cell               td cell               td cell

which compiles this

<!doctype html>  <html lang="en">   <head>     <title>trucks</title>     <link rel="stylesheet" href="../node_modules/semantic-ui/dist/semantic.min.css">     <script src="../node_modules/jquery/dist/jquery.min.js"></script>     <script src="../node_modules/semantic-ui/dist/semantic.min.js"></script>   </head>   <body>     <div class="ui container">       <div class="ui grid">         <div class="four wide column"></div>         <div class="eight wide column">maz-63171</div>         <table class="ui celled table">           <thead>             <tr>               <th>header</th>               <th>header</th>               <th>header</th>             </tr>           </thead>           <tbody>             <tr>               <td>                 <div class="ui ribbon label">first</div>               </td>               <td>cell</td>               <td>cell</td>             </tr>             <tr>               <td>cell</td>               <td>cell</td>               <td>cell</td>             </tr>             <tr>               <td>cell</td>               <td>cell</td>               <td>cell</td>             </tr>           </tbody>         </table>       </div>     </div>   </body> </html>

i 0 errors css or js files added, semantic-ui not working can see on screenshot

why happening , how fix it? think because conversion string, maybe should use other method compile templates.

electron-pug module npm seem not data locals, wait in promise , in time standard loadurl load pug template straight window without rendering it. maybe smth wrong.


Comments

Post a Comment

Popular posts from this blog

Ansible - ERROR! the field 'hosts' is required but was not set -

-
i've error when launch playbook don't found why.... error! field 'hosts' required not set there main.yml : --- - hosts: hosts - vars: - elasticsearch_java_home: /usr/lib/jmv/jre-1.7.0 - elasticsearch_http_port: 8443 - tasks: - include: tasks/main.yml - handlers: - include: handlers/main.yml and /etc/ansible/hosts : [hosts] 10.23.108.182 10.23.108.183 10.23.108.184 10.23.108.185 when test ping, : [root@poste08-08-00 elasticsearch]# ansible hosts -m ping 10.23.108.183 | success => { "changed": false, "ping": "pong" } 10.23.108.182 | success => { "changed": false, "ping": "pong" } 10.23.108.185 | success => { "changed": false, "ping": "pong" } 10.23.108.184 | success => { "changed": false, "ping": "pong" } please, me :) regards, you have syntax error in playbook.
Read more

customize file_field button ruby on rails -

-
i'm trying rid of ugly button rails has default file upload. want add glyphicon <%= f.file_field :image_url, class:"glyphicon glyphicon-camera" %> this didn't work , have tried other things in different post saw on page, don't attach file. as suggested here bootstrap filestyle , can use bootstrap's filestyle style file upload buttons. step-1: add layout application.html.erb i have added bootstrap filestyle library cdn. should make sure have both jquery , boostrap loaded. <script type="text/javascript" src="https://cdn.jsdelivr.net/bootstrap.filestyle/1.1.0/js/bootstrap-filestyle.min.js"> </script> step-2: add corresponding js file: $(":file").filestyle({input: false}); step-3: image_url file field follows: <%= f.file_field :image_url,class: "filestyle", "data-input" => false %>
Read more

SoapUI on windows 10 - high DPI/4K scaling issue -

-
Image
soapui doesn't seem dpi-aware , displays small on high dpi screen (tiny text , buttons). other applications running fine (screen resolution 3840 x 2160). version : soapui 5.1.2 os : windows 10 i have tried: configure soapui run "disable display scaling on high dpi settings" - parts of soapui looking bigger , don't display (image) changing resolution changing font size (preferences > editor settings > select font...) therefore assume, soapui pretends dpi-aware, not scale itself. have same issue? this workaround until developers round making version dpi-aware. step 1: add registry key hkey_local_machine\software\microsoft\windows\currentversion\sidebyside\preferexternalmanifest (dword) 1 step 2: add manifest file 'soapui-5.2.1.exe.manifest' in same directory 'soapui-5.2.1.exe' content of manifest file: <?xml version="1.0" encoding="utf-8" standalone="yes"?> <assembly xml
Read more