bootcards / xcomponents Goto Github PK

When accessing the app from Safari via windows, mac, or ios, the resulting error is: Can’t find variable: MutationObserver in Safari Browser compatibility.

I've included a screenshot from your demo.xcomponents.org website showing the error:

An additional screenshot showing the app running locally (non minified version of HTMLImports.js):

please advise work around.

Thanks.

In our applications, we need to make sure the user is authenticated before requesting data from our API. In our existing templates we use this approach:

var myApp = angular.module('myApp', [
  'ngRoute',
  'ngCookies', 
  'myApp.login',
  'myApp.home',
  'myApp.mission',
  'myApp.newdocument',
  'myApp.version',
  'dbviewerServices',
  'dbviewerFilters', 
  'textAngular'
]).
config(['$routeProvider', function($routeProvider) {
  $routeProvider.
    otherwise({
      redirectTo: '/home'
    });
}]).
run(function($rootScope, $location, $cookieStore) {
  // register listener to watch route changes
  $rootScope.$on("$routeChangeStart", function(event, next, current) {
    if ($cookieStore.get('apikey')){
      $rootScope.apikey = $cookieStore.get('apikey');
      $rootScope.user = $cookieStore.get('user');
    }
    if ($rootScope.apikey == null) {
      // no logged user, we should be going to #login
      if (next.templateUrl == "/login/login.html") {
        // already going to #login, no redirect needed
      } else {
        // not going to #login, we should redirect now
        $location.path("/login");
      }
    }
  });
});

The full source code for our demo app can be seen here: https://github.com/ldcvia/ldcvia-teamroom/blob/master/app/app.js

Some way of defining our own $routeChangeStart event would be great.

I have a table with 15K rows in a mysql database; I can query the table directorly with mysql and get a response in ~.4 ms, while a GET call to the strongloop API to fetch the elements in the list takes ~4 seconds (either with curl or a browser).

A similar table with 1.5 K rows has perfectly acceptable performance.

Similarly, the filter for the list is almost unusable with this much data; I get stutters and pauses entering every character. (This is more understandable - and might be fixable with something like a sleep or delay so that filtering doesn't begin until the user stops typing into the input box - it's really just a user perception issue.)

Do you have any tips for managing large lists of data without sacrificing performance? I'd be happy to implement some sort of lazy loading or row streaming, but I'm not sure where to begin hacking, or if anyone has tried a list with this much data before.

This is shown here: http://demo.xcomponents.org/customers/companies.html on iPhone running iOS8

Various chunks of our data need to be processed on the desktop (e.g. formatting Canonical Notes Names). We do this currently using filters: https://github.com/ldcvia/ldcvia-teamroom/blob/master/app/filters.js

Any help in making this configurable in XComponents would be great.

The ability to add a rich text input field would be great.

We have previously used https://github.com/fraywing/textAngular for this purpose.

Test. Pls ignore.

Following the instructions on xcomponents.org to build a new application, I had to manually install the following bower components to deal with 404 errors:

• pouchdb
• angular-pouchdb
• lowladb
• angular-sanitize

For us to use XComponents we need to be able to pass an HTTP Header on all REST API requests. This header is used to authenticate the request.

In xcomponents.js this can be achieved by editing the $http calls like so:

...
return $http.get(url, {
  headers: {
    'apikey': 'USERKEYGOESHERE'
  }
}).then( function(res) {
...

Followed the instructions on xcomponents.org to build a new application. When I accessed the app for the first time there were several 404 errors. Several were due to a path of bower_components2 being used rather than bower_components.

See http://demo.xcomponents.org/customers/companies.html. After clicking on a contact, there's no way to get back to the list. The details form also shows the wrong details.

A common requirement of applications is that combo boxes have their options list populated based upon dynamic data (e.g. categories in a discussion application).

Making this configurable in XComponents would be great.

Following the instructions from xcomponents.org to build a new application, I get a 404 error when trying to load the CSS file "xcomponents/css/styles.css"