Questions tagged [aurelia]

Aurelia is a next generation JavaScript client framework that leverages simple conventions to empower your creativity.

1
vote
1answer
26 views

How to include additional CSS files in Aurelia?

Ihave a app that opens a new window with content. I need special CSS for that window. Code for opening the window is this: var Printwindow = window.open("","","width=360,height=188"); var ...
1
vote
1answer
48 views

How to show the row number in ag-grid with aurelia?

This ist the code of my grid in aurelia: <ag-grid-aurelia #agGrid class="ag-theme-balham" style="width: 35%; height: 350px;" pagination="true" grid-options.bind="gridOptions2"> <ag-grid-...
1
vote
1answer
21 views

Aurelia modal dialog - is there a way to make the parent window fade?

Hopefully the title makes this fairly self-explanatory. Just a bit of background, I create and launch an aurelia modal dialog which appears on top of the parent window from where it is launched. Is ...
1
vote
1answer
30 views

How custom element can have multiple <tr> components

I want create a one <table> where multiple custom elements can have multiple <tr> components. I tried using containerless, but element get rendered outside of <table>. <table> ...
1
vote
0answers
17 views

Aurelia I18N: Scan html sources for new keys and update translation.json files

Is there any tool to scan aurelia project sources (html, js) files and create (update) keys in translation.json files? Especially I want to collect keys from HTML files that use TBindingBehavior and ...
3
votes
0answers
41 views

Wrong queryString when building navigation plan in aurelia-router

We're using aurelia-open-id-connect in our project and after successful login the redirect is removing the querystring from the url. I've debugged my way through the aurelia-router and I think I found ...
0
votes
2answers
30 views

How to generate and scan barcodes with aurelia?

I have a webpage that needs to be able to generate and later read barcodes. But i cannot seem to find any small scale addon to aurelia that does even one of these. Is there any libary that does this ...
1
vote
1answer
22 views

aureliajs, value converter does not update the value on ` & updateTrigger:'blur'`

I am using a value converter on an input with type text in aureliajs. While it is updating in normal way, it converts the value both in input and its bound value. But when adding & updateTrigger:'...
3
votes
2answers
68 views

Why are the views not created in Aurelia production build mode

I trying to build my Aurelia application in production mode (devMode:production). The build is successful but when running it by opening the index.html I get the error "Cannot determine default view ...
1
vote
1answer
65 views

javascript onkeypress limit characters when pasting

I've a textarea with keydown.trigger in Aurelia: <textarea name="description" keydown.trigger="handleKeypress($event, $event.target.value)" value.bind="desc" ></textarea> In .js file ...
3
votes
1answer
60 views

Render different au-target-id in aurelia repeat

During a repeat.for cycle my 'video' tag is being rendered with the same au-target-id. Not letting me reference a unique element to each item on list. <div class="video-player flex-1" repeat.for="...
2
votes
1answer
39 views

How to redirect to previous page in Aurelia

I am using Aurelia for my project,Now I have problem in navigating to previous page.I want to know are there any ways to get that previous router information from Aurelia router object. this.router....
1
vote
1answer
92 views

How to make single div with contents to fill entire page when printed

I have an aurela app that needs to be able to print out labels. On the page with the form there is a hidden div that contains the layout of the label. I want to print only the hidden div and i want it ...
1
vote
1answer
21 views

Programatic signalling of Aurelia value converter

I'm trying to get signalling working in value converters outside of the typical aurelia templating process. I want to be able to signal my value converter to re-bind (as per https://aurelia.io/docs/...
2
votes
1answer
36 views

custom component/template not showing

After playing around with Aurelia for a while, i'm trying to creating a custom component/template. However with below minimal code i still cant seem to show the message that is in testcomponent.html. ...
2
votes
0answers
34 views

Aurelia use printer to printout labels

I have a check in system with aurelia front and expressjs backend. I want to printout the label that gets created when a guest checks in. Is there a way to invoke printer from aurelia to printout the ...
1
vote
1answer
27 views

Aurelia cancel a specific request

Is there a way to cancel a specific request? I followed this to cancel request, but what if i have more than one request, how can i be sure that im not canceling the wrong request? Is there a way to ...
1
vote
1answer
23 views

Create a Nested dropdown Menu(nav-bar) in Aurelia using Materialize

I want to create nav-bar under nested Dropdowns in Aurelia using Materialize.I tried very much. <span repeat.for="item of menuItems"> <ul id="${item.target}" data-beloworigin="true"...
0
votes
1answer
37 views

Redeploying web application causes seemingly random JavaScript functions and objects to be undefined

We have an Aurelia SPA that is served from a .NET MVC application. The SPA is bundled using Webpack. Under certain conditions seemingly random JavaScript functions and objects will be undefined. We ...
1
vote
0answers
30 views

Froala and Aurelia integration

I use the Froala editor plugin inside my Aurelia app. It works pretty well. We can pass custom parameters to the plugin in main.ts like below: // Use the aurelia-froala-editor plugin. aurelia.use....
1
vote
1answer
19 views

Dynamically provide Aurelia view model instance

I'm looking for a way to dynamically provide at runtime view models for any views. Question is if there is hook in the ViewEngine or a view model loader / factory that I can use to do this. I'm ...
1
vote
1answer
40 views

How do I correctly import/inject aurelia to use 'setRoot'?

I am trying to set up an app with two "shells", one for login and one for the app after authentication. I am following the example outlined here kindly provided by Mathew James Davis, https://...
1
vote
2answers
63 views

How to fetch data from a JSON file in aurelia framework?

I'm trying to fetch data from external JSON file using aurelia-fetch-client but it gives 404 not found error. I have tried implementing the basic setup suggested by the official docs. Here is my ...
2
votes
0answers
17 views

.RTF files do not appear on Browser File Explorer

I have an input that accepts a list of mimetypes. The List is being passed from an array of mimetypes which is the following: allowedMimeTypes = [ "application/pdf", "image/jpeg", "image/...
3
votes
1answer
40 views

How can I refresh a child component in Aurelia to undo a form?

I have a component with two buttons, save and cancel. Inside this component there is a slot. And inside this slot, I put my form with some bindable fields. my-app.ts <section-component> <...
1
vote
2answers
55 views

Compare values when object not received (TypeScript, Aurelia)

I'm trying to compare defined role (in my app.ts) and revived role from WebServer. But when I'm not logged I have problem with compare values: This is what I'm doing: export class ...
1
vote
0answers
48 views

This is undefined within catch block [duplicate]

I'm trying to set the this.signinError within the catch block. however when the console.log(this.signinError); is called it keep returning undefined. When I do it before the function call, it returns ...
1
vote
1answer
38 views

Checking user role in settings repository (typescript, aurelia)

I'm doing some navigation with authorization. I did something like this run(navigationInstruction: NavigationInstruction, next: Next) : Promise<any> { let requiredRoles = ...
1
vote
1answer
33 views

Dependency Injection (for HttpFetch) at setRoot in main.js Aurelia

I am having trouble getting dependency injection working for my AuthorizerService. Obviously, dep-inj is not ready until after Aurelia "starts", but I wasn't sure how to access it. main.js: ...
1
vote
0answers
17 views

installing aurelia-mask for auerlia project

I followed the gui here to install the aurelia mask and to use it. But now when i load the page i keep getting Error: "Cannot find module './aurelia-mask/masked-input'.". I dont understand what am i ...
0
votes
1answer
30 views

How can a String.prototype be declared in Aurelia?

I am porting some plain JS code into Aurelia and I want to include String.prototype.xxxxx types, but I have not been successful. So, This: String.prototype.uncamelize = function() { ... }...
1
vote
1answer
37 views

Aurelia non html-only custom element notrendering

I have a simple custom elemen, but it is not rendering. If i do <require from="./myfooter.html"></require> then it renders only the html part. But if i do <require from="./myfooter">...
1
vote
1answer
49 views

How can I include hyperlinks in a column in ag-grid with aurelia?

I have this grid: <ag-grid-aurelia #agGrid class="ag-theme-balham" style="width: 100%; height: 350px;" grid-options.bind="filesThatAreMalwareOptions"> ...
1
vote
1answer
29 views

Aurelia bundle not found

I am set the project in my local mac, and i want to run it with "gulp watch", i do it before and its work fine for me but now when i do "gulp watch" and go to browser i got an error by browser. GET ...
1
vote
1answer
13 views

How to have a run time config file for aurelia app built with webpacks 4

I have a application built with aurelia and bundled with webpacks. I have a variables in a typescript file. When i do a producation build, I just want to change those variables when I deploy at ...
1
vote
1answer
47 views

How to load data in to rowData in ag-grid?

I have the following code in my html-class: <ag-grid-aurelia #agGrid class="ag-theme-balham" style="width: 100%; height: 350px;" #agGrid grid-ready.call="onGridReady()" ...
3
votes
1answer
52 views

How to clear the file input binding in aurelia?

Aurelia binding with file input works perfectly fine but when I use a clear function that simply resets the model property to empty array, the binding gets cleared but the browser file input keeps ...
1
vote
1answer
22 views

Aurelia child router does not go through main router pipeline

The main router's pipeline of my application redirects to login page if a user is not logged in. It works fine for most pages, but when said page holds itself a child router, the logic does not seem ...
1
vote
0answers
13 views

If object not found then show default image as alternative

I want to show a PDF to users on specific page .Therefore I used a OBJECT HTML tag for this purpose and its working fine .But if URL of PDF borken or changed then I am getting error that "PDF Is not ...
1
vote
0answers
18 views

Validate and show all error on page and remove errors on condition meet

I want to show all errors messages which i apply on Aurelia Validation .For example if user click on Password input box then all related error message should be highlight /show and hide/remove errors ...
4
votes
2answers
50 views

aureliajs conditional parent layout

I am writing my client app in aureliajs. And by default, for a route like this: /app/access/management my app gets rendered like this: For example assume that the header and sidebar gets rendered ...
1
vote
0answers
28 views

Aurelia store connectTo never sets target property

I set the aurelia-store up as per the docs; in the main.ts at the bottom of all the plugins (from the skeleton app with dotnet core) I have as the last plugin defined: aurelia.use....
1
vote
0answers
18 views

Validate password and give dynamic alert while Typing

I am using Aurelia Framework .I want that when user typing a password then Dynamic Alerts/console should show to user while typing . 1- Must Contain 1 Capital Alphabets. 2-Must Contain 1 small ...
1
vote
0answers
31 views

How do you create an autocomplete input in Aurelia?

I am new to Aurelia, and am wondering how you can create an autocomplete input. I am trying to autocomplete for a panel of colors, and once you type into the input, it will autocomplete to the colors (...
1
vote
1answer
111 views

Error using 'atob' command - Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded

I need to decode a base64 string into PDF file. Im using this code. But the window.atob command always report that error: Failed to execute 'atob' on 'Window': The string to be decoded is not ...
1
vote
0answers
21 views

Table with One Item on Each Row with a Few Properties in Aurelia via HTML Loop

I want to create a CSS grid with columns that have auto widths so that it fits the data in a way that makes the most sense automatically. My problem is that I don't know have the same automatic ...
3
votes
0answers
85 views

Aurelia plugin scoped CSS

I've built an Aurelia plugin and I'm using some styling there. My problem comes when I want to use this plugin in my existing Aurelia app. The styles are imported at the head so all my Aurelia ...
0
votes
1answer
90 views

Aurelia activate with signalR

How can I use signalR with aurelia canActivate() and activate() page cycle? What I mean is... In my VM constructor I initilaize the signalR connection. in canActivate() or activate() methods I start ...
1
vote
1answer
112 views

Locate an image and save in JSON type array in Aurelia on submission

I am working in Aurelia and I have to locate an image and save in JSON type array on submission. I am unfamiliar to handle images in array because array cannot handle images and we have to convert ...
0
votes
1answer
89 views

Browsers become unresponsive due to a long running script - How can I find the script responsible?

I'm currently facing a peculiar problem. In our QA environment we found that a specific entity is causing browsers to become unresponsive. It is a quite large Aurelia project so even if I have the ...