Станислав Романов

Пример будет работать, так:

<form class='form-inline' {{action "auth" on="submit"}}>
  <div class="form-group">
    <label for="loginField">Login</label>
    {{input value=login type="text" class="form-control" id="loginField" placeholder="" name='login'}}
  </div>
  <div class="form-group">
    <label for="passwordField">Password</label>
    {{input value=password type="password" class="form-control" id="passwordField" placeholder=""}}
  </div>
  <button type="submit" class="btn btn-primary">Enter</button>
</form>

export default Ember.Route.extend({
  login: null,
  password: null,

  actions: {
    auth() {
        let {login, password} = this.getProperties('login', 'password');

        console.log(login, password);
    },

Как отправить данные из формы в restful api?

Зависит от способа (используемых библиотек) авторизации. Я настоятельно рекомендую посмотреть в сторону библиотеки ember-simple-auth.

Вот мой сниппет для формы регистрации:

// app\templates\registration.hbs

<div class="row align-center align-middle">
  <div class="medium-6 large-4 columns">
    <form {{action 'registration' on='submit'}} class="registration-form">
      <h3 class="text-center">Регистрация</h3>

      {{form-control label="E-mail" value=email errors=errors.email}}
      {{form-control type='password' label="Пароль" value=password errors=errors.password}}
      {{form-control type='password' label="Повторите пароль" value=password_confirmation errors=errors.password-confirmation}}

      <div class="row">
        <div class="small-4 columns">
          {{fz-button type="submit" text="Зарегистрироваться" isLoading=isLoading}}
        </div>
        <div class="small-8 columns text-right">
          {{#link-to 'login' class="button link"}}Войти{{/link-to}}
        </div>
      </div>
    </form>
  </div>
</div>

// app\controllers\registration.js

import Ember from 'ember';
import DS from 'ember-data';

export default Ember.Controller.extend({
  session: Ember.inject.service(),

  email: null,
  password: null,
  password_confirmation: null,
  errors: null,
  isLoading: false,

  actions: {
    registration() {
      let store = this.get('store');
      let attributes = this.getProperties('email', 'password', 'password_confirmation');
      let adapter = store.adapterFor('user');
      let url = adapter.urlForCreateRecord('user');
      let data = {
        type: 'user',
        attributes: attributes
      };

      this.set('errors', null);
      this.set('isLoading', true);

      adapter.ajax(url, "POST", { data: { data: data } })
        .then(() => {
          // Логиним пользователя сразу после регистрации
          this.get('session').authenticate('authenticator:oauth2', attributes.email, attributes.password);
        })
        .catch((payload) => {
          this.set('errors', DS.errorsArrayToHash(payload.errors));
        })
        .finally(() => {
          this.set('isLoading', false);
        });
    }
  }
});

Где form-control - компоненты приложения.

Действительно ли для работы с формами Ember.js обязательно требует дополнения?

Нет. Но с ними удобнее.

Так же для работы с bootstrap, может быть удобно использовать ember-bootstrap.

"стандартного" дизайна в ember нет.

Есть аддоны для популярных фрейморков:
- Bootstrap
- Semantic UI
- Materialize, Material Lite
- Foundation
и тд.

Добавлю свои 50 центов.

С заделом на будущее Ember.js для веб-приложения хороший выбор.

PHP фреймворк лучше выбирать тот, который хорошо дружит с jsonapi.org. Вот список решений. В идеале это Laravel, Symfony крайне не рекомендую.

Не нужно помещать дополнительные переменные в ответ. Нужно использоваться мета-данные. Они именно для этих целей и создавались.

Ваш роут делает запрос и выводит подготовленные сервером данные. Сам промисс не следит за хранилищем.

В предыдущих версиях ember-data у store был метод filter который фильтровал данные с сервера и следил за моделями обновляясь когда нужно, то есть как раз то что вы хотите. Сейчас этот метод вынесли в отдельный аддон ember-data-filter.

Здравствуйте. Можно воспользоваться методом reload.

Здравствуйте.

Можно ли доработать функционал этого самого сервера, чтобы не запускать для апи отдельного

Про API не понял, но доработать функционал можно написав свой аддон к ember-cli. В сети есть примеры как это сделать. В сам модуль ember-cli лучше не править.

Так же хочу пояснить что ember-cli это не сервер клиент-серверного приложения в широком смысле. Ember-cli это такой функциональный сборщик, для разработки, сборки и тестов веб-приложения. Серверную сторону и клиентскую, лучше не объединять и хранить в разных репозиториях.

Привет.

Я советую не тратить время на свои авторизации, а воспользоваться ember-simple-auth и модулем к нему для авторизации в джанго, например ember-cli-django-rest-auth.

К тому же, в любом случае кроме токена, нужна будет сессия с авторизированным пользователем и все это где-то хранить и пробрасывать в разные места в приложении, ember-simple-auth это все делает.

в чем смысл параметра?

А вы кросдоменность на бекенде настроили?

как запускать эмбер не его встроенным сервером

стандартно как и любую библиотеку или фреймворк. Если шаблоны не прекопилированы то можно использовать такой сниппет:

(function(){
  Ember.Application.initializer({
    name: 'load-templates',
    initialize: function(container, application) {
      application.deferReadiness();

      var templates = ['index', 'users'];

      Ember.RSVP.all(templates.map(function(item){
        return Ember.$.get("PATH_TO_DIRECTORY_WITH/" + item + ".hbs")
      })).then(function(all){
        all.forEach(function(hbs, i){
          Ember.TEMPLATES[templates[i]] = Ember.Handlebars.compile(hbs);
        });
      }).finally(function(){
        application.advanceReadiness();
      });
    }
  });
  
  var App = Ember.Application.create();
})();

Привет.

Самый простой способ:
1. В объект сессии (или профиль авторизированного пользователя) добавляете роль, или роли. Это могут быть битовые маски или просто стринг (например 'admin').
2. Пробрасываете через DI этот объект в роут, контроллер и компоненты.
3. В роуте делаете проверку прав и редиректите, если к этому разделу нет доступа, например это админский раздел.
4. В шаблонах делаете проверку на роль, и выводите соответствующий интерфейс.

Полезно будет где-нибудь в конфигах сделать табличку прав и смотреть ее при проверке прав.

Здравствуйте. Спасибо и Вас с наступившим.

Попробуйте в параметрах модели поставить schema: true.

Тут все зависит от вашего бэкенда и системы авторизации которую используете.

Эмбер должне загружаться, и проверять сессию, а заодно можно утягивать актуальные данные.
Если сессия валидна продолжает работу, если нет редиректит на страницу логина. Момент проверки можно делать в инициалайзере. Так же может быть, что какие-то роуты должны быть закрыты для анонимных пользователей, а какие-то нет (например справка). Тогда защищать нужные страницы нужно на уровне роута, при его активации.

Судя по вопросу использовать ember-simple-auth похоже так не начали?

Привет.

Для продакшена нужно запускать ember build. Для деплоя есть неплохой аддон ember-cli-deploy

Еще можно настроить связку: пуш в мастер ветку системы контроля версий -> синхронизация файлов с хостингом -> билд файлов. Гугли "Непрерывная интеграция"

Привет.

Я правильно понял что есть модель у которой всего одно поле, а в этом поле много настроек в каком-то формате, например json?

Если так, то можно написать свой Трансформ, который будет преобразовывать строку в объект при получении с бекенда на клиент и обратно в строку при сохранении.

Вы нет так задаете вопрос. Так на него никто не ответит.

Эта строка формирует запрос к бэкенду примерно такого вида:

/api/v1/unit?title=searchText

И ожидает что бэкенд вернет, набор моделей которые подходят по параметру title. Корректно принимайте запрос, обрабатывайте и отдавайте. И все.

Что у Вас не получается?

Можно воспользоваться событием ready но это корявый способ.

Правильнее сделать компоненты и выполнять mCustomScrollbar и styler внутри них.