store

To help you get started, we’ve selected a few @ngxs/store examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

mflorence99 / el-aws / renderer / app / pages / s3 / components / select-bucket.ts View on Github

changeDetection: ChangeDetectionStrategy.OnPush,
  selector: 'elaws-select-bucket',
  templateUrl: 'select-bucket.html',
  styleUrls: ['select-bucket.scss']
})

export class SelectBucketComponent implements ControlValueAccessor,
                                              MatFormFieldControl,
                                              OnDestroy {

  static nextID = 0;

  @HostBinding('attr.aria-describedby') describedBy = '';
  @HostBinding() id = `elaws-select-bucket-${SelectBucketComponent.nextID++}`;

  @Select(S3State.getBuckets) buckets$: Observable;

  // @see MatFormFieldControl
  controlType = 'elaws-select-bucket';
  focused = false;
  shouldLabelFloat = false;
  stateChanges = new Subject();

  selectBucketForm: FormGroup;

  // disabled accessor / mutator

  @Input() get disabled(): boolean {
    return this._disabled;
  }

  set disabled(disabled: boolean) {

abpframework / abp / npm / ng-packs / dist / identity / esm2015 / lib / components / users / users.component.js View on Github

{ type: Component, args: [{
                selector: 'abp-users',
                template: "<div class="\&quot;row">\r\n  <div class="\&quot;col-auto\&quot;">\r\n    <h1 class="\&quot;content-header-title\&quot;">{{ 'AbpIdentity::Users' | abpLocalization }}</h1>\r\n  </div>\r\n  <div class="\&quot;col\&quot;">\r\n    <div id="\&quot;AbpContentToolbar\&quot;" class="\&quot;text-lg-right">\r\n      \r\n        <i class="\&quot;fa"></i> <span>{{ 'AbpIdentity::NewUser' | abpLocalization }}</span>\r\n      \r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class="\&quot;card\&quot;" id="\&quot;identity-roles-wrapper\&quot;">\r\n  <div class="\&quot;card-body\&quot;">\r\n    <div class="\&quot;data-tables-filter\&quot;" id="\&quot;data-tables-table-filter\&quot;">\r\n      \r\n    </div>\r\n    \r\n      \r\n        \r\n          \r\n        \r\n      \r\n      \r\n        \r\n      \r\n      \r\n        \r\n          {{ 'AbpIdentity::Actions' | abpLocalization }}\r\n          \r\n            {{ 'AbpIdentity::UserName' | abpLocalization }}\r\n            \r\n            \r\n          \r\n          \r\n            {{ 'AbpIdentity::EmailAddress' | abpLocalization }}\r\n            \r\n          \r\n          \r\n            {{ 'AbpIdentity::PhoneNumber' | abpLocalization }}\r\n            \r\n            \r\n          \r\n        \r\n      \r\n      \r\n        \r\n          \r\n            <div class="\&quot;d-inline-block\&quot;">\r\n              \r\n                <i class="\&quot;fa"></i>{{ 'AbpIdentity::Actions' | abpLocalization }}\r\n              \r\n              <div>\r\n                \r\n                  {{ 'AbpIdentity::Edit' | abpLocalization }}\r\n                \r\n                \r\n                  {{ 'AbpIdentity::Permissions' | abpLocalization }}\r\n                \r\n                \r\n                  {{ 'AbpIdentity::Delete' | abpLocalization }}\r\n                \r\n              </div>\r\n            </div>\r\n          \r\n          {{ data.userName }}\r\n          {{ data.email }}\r\n          {{ data.phoneNumber }}\r\n        \r\n      \r\n    \r\n  </div>\r\n</div>\r\n\r\n\r\n  \r\n    <h3>{{ (selected?.id ? 'AbpIdentity::Edit' : 'AbpIdentity::NewUser') | abpLocalization }}</h3>\r\n  \r\n\r\n  \r\n    <div class="\&quot;text-center\&quot;"><i class="\&quot;fa"></i>\r\n\r\n    <form>\r\n      \r\n        \r\n          \r\n            <div class="\&quot;mt-2">\r\n              <div class="\&quot;form-group\&quot;">\r\n                <label for="\&quot;user-name\&quot;">{{ 'AbpIdentity::UserName' | abpLocalization }}<span> * </span>\r\n                <input class="\&quot;form-control\&quot;" id="\&quot;user-name\&quot;" type="\&quot;text\&quot;">\r\n              </label></div>\r\n\r\n              <div class="\&quot;form-group\&quot;">\r\n                <label for="\&quot;name\&quot;">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}</label>\r\n                <input class="\&quot;form-control\&quot;" id="\&quot;name\&quot;" type="\&quot;text\&quot;">\r\n              </div>\r\n\r\n              <div class="\&quot;form-group\&quot;">\r\n                <label for="\&quot;surname\&quot;">{{ 'AbpIdentity::DisplayName:Surname' | abpLocalization }}</label>\r\n                <input class="\&quot;form-control\&quot;" id="\&quot;surname\&quot;" type="\&quot;text\&quot;">\r\n              </div>\r\n\r\n              <div class="\&quot;form-group\&quot;">\r\n                <label for="\&quot;password\&quot;">{{ 'AbpIdentity::Password' | abpLocalization }}<span> * </span>\r\n                \r\n              </label></div>\r\n\r\n              <div class="\&quot;form-group\&quot;">\r\n                <label for="\&quot;email\&quot;">{{ 'AbpIdentity::EmailAddress' | abpLocalization }}<span> * </span>\r\n                <input class="\&quot;form-control\&quot;" id="\&quot;email\&quot;" type="\&quot;text\&quot;">\r\n              </label></div>\r\n\r\n              <div class="\&quot;form-group\&quot;">\r\n                <label for="\&quot;phone-number\&quot;">{{ 'AbpIdentity::PhoneNumber' | abpLocalization }}</label>\r\n                <input class="\&quot;form-control\&quot;" id="\&quot;phone-number\&quot;" type="\&quot;text\&quot;">\r\n              </div>\r\n\r\n              <div class="\&quot;custom-checkbox">\r\n                \r\n                <label for="\&quot;lockout-checkbox\&quot;" class="\&quot;custom-control-label\&quot;">{{\r\n                  'AbpIdentity::DisplayName:LockoutEnabled' | abpLocalization\r\n                }}</label>\r\n              </div>\r\n\r\n              <div class="\&quot;custom-checkbox">\r\n                \r\n                <label for="\&quot;two-factor-checkbox\&quot;" class="\&quot;custom-control-label\&quot;">{{\r\n                  'AbpIdentity::DisplayName:TwoFactorEnabled' | abpLocalization\r\n                }}</label>\r\n              </div>\r\n            </div>\r\n          \r\n        \r\n        \r\n          \r\n            <div class="\&quot;mt-2">\r\n              \r\n                \r\n                <label class="\&quot;custom-control-label\&quot;">{{ roles[i].name }}</label>\r\n              </div>\r\n            </form></div>\r\n          \r\n        \r\n      \r\n    \r\n  \r\n\r\n  \r\n    <button class="\&quot;btn" type="\&quot;button\&quot;">\r\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\r\n    </button>\r\n    {{\r\n      'AbpIdentity::Save' | abpLocalization\r\n    }}\r\n  \r\n\r\n\r\n\r\n\r\n"
            }] }
];
/** @nocollapse */
UsersComponent.ctorParameters = () =&gt; [
    { type: ConfirmationService },
    { type: FormBuilder },
    { type: Store }
];
UsersComponent.propDecorators = {
    modalContent: [{ type: ViewChild, args: ['modalContent', { static: false },] }]
};
tslib_1.__decorate([
    Select(IdentityState.getUsers),
    tslib_1.__metadata("design:type", Observable)
], UsersComponent.prototype, "data$", void 0);
tslib_1.__decorate([
    Select(IdentityState.getUsersTotalCount),
    tslib_1.__metadata("design:type", Observable)
], UsersComponent.prototype, "totalCount$", void 0);
if (false) {
    /** @type {?} */
    UsersComponent.prototype.data$;
    /** @type {?} */
    UsersComponent.prototype.totalCount$;
    /** @type {?} */
    UsersComponent.prototype.modalContent;
    /** @type {?} */
    UsersComponent.prototype.form;
    /** @type {?} */

abpframework / abp / npm / ng-packs / dist / account / fesm5 / abp-ng.account.js View on Github

this.buildForm();
    };
    PersonalSettingsComponent.decorators = [
        { type: Component, args: [{
                    selector: 'abp-personal-settings-form',
                    template: "<form novalidate="">\r\n  <div class="\&quot;form-group\&quot;">\r\n    <label for="\&quot;username\&quot;">{{ 'AbpIdentity::DisplayName:UserName' | abpLocalization }}<span> * </span><input class="\&quot;form-control\&quot;" id="\&quot;username\&quot;" type="\&quot;text\&quot;">\r\n  </label></div>\r\n  <div class="\&quot;row\&quot;">\r\n    <div class="\&quot;col">\r\n      <div class="\&quot;form-group\&quot;">\r\n        <label for="\&quot;name\&quot;">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}<input class="\&quot;form-control\&quot;" id="\&quot;name\&quot;" type="\&quot;text\&quot;">\r\n      </label></div>\r\n    </div>\r\n    <div class="\&quot;col">\r\n      <div class="\&quot;form-group\&quot;">\r\n        <label for="\&quot;surname\&quot;">{{ 'AbpIdentity::DisplayName:Surname' | abpLocalization }}<input class="\&quot;form-control\&quot;" id="\&quot;surname\&quot;" type="\&quot;text\&quot;">\r\n      </label></div>\r\n    </div>\r\n  </div>\r\n  <div class="\&quot;form-group\&quot;">\r\n    <label for="\&quot;email-address\&quot;">{{ 'AbpIdentity::DisplayName:Email' | abpLocalization }}<span> * </span><input class="\&quot;form-control\&quot;" id="\&quot;email-address\&quot;" type="\&quot;text\&quot;">\r\n  </label></div>\r\n  <div class="\&quot;form-group\&quot;">\r\n    <label for="\&quot;phone-number\&quot;">{{ 'AbpIdentity::DisplayName:PhoneNumber' | abpLocalization }}<input class="\&quot;form-control\&quot;" id="\&quot;phone-number\&quot;" type="\&quot;text\&quot;">\r\n  </label></div>\r\n  \r\n    {{ 'AbpIdentity::Save' | abpLocalization }}\r\n\r\n"
                }] }
    ];
    /** @nocollapse */
    PersonalSettingsComponent.ctorParameters = function () { return [
        { type: FormBuilder },
        { type: Store },
        { type: ToasterService }
    ]; };
    __decorate([
        Select(ProfileState.getProfile),
        __metadata("design:type", Observable)
    ], PersonalSettingsComponent.prototype, "profile$", void 0);
    return PersonalSettingsComponent;
}());
if (false) {</form>

abpframework / abp / npm / ng-packs / dist / identity / fesm5 / abp-ng.identity.js View on Github

{ type: Component, args: [{
                    selector: 'abp-users',
                    template: "<div class="\&quot;row">\r\n  <div class="\&quot;col-auto\&quot;">\r\n    <h1 class="\&quot;content-header-title\&quot;">{{ 'AbpIdentity::Users' | abpLocalization }}</h1>\r\n  </div>\r\n  <div class="\&quot;col\&quot;">\r\n    <div id="\&quot;AbpContentToolbar\&quot;" class="\&quot;text-lg-right">\r\n      \r\n        <i class="\&quot;fa"></i> <span>{{ 'AbpIdentity::NewUser' | abpLocalization }}</span>\r\n      \r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class="\&quot;card\&quot;" id="\&quot;identity-roles-wrapper\&quot;">\r\n  <div class="\&quot;card-body\&quot;">\r\n    <div class="\&quot;data-tables-filter\&quot;" id="\&quot;data-tables-table-filter\&quot;">\r\n      \r\n    </div>\r\n    \r\n      \r\n        \r\n          \r\n        \r\n      \r\n      \r\n        \r\n      \r\n      \r\n        \r\n          {{ 'AbpIdentity::Actions' | abpLocalization }}\r\n          \r\n            {{ 'AbpIdentity::UserName' | abpLocalization }}\r\n            \r\n            \r\n          \r\n          \r\n            {{ 'AbpIdentity::EmailAddress' | abpLocalization }}\r\n            \r\n          \r\n          \r\n            {{ 'AbpIdentity::PhoneNumber' | abpLocalization }}\r\n            \r\n            \r\n          \r\n        \r\n      \r\n      \r\n        \r\n          \r\n            <div class="\&quot;d-inline-block\&quot;">\r\n              \r\n                <i class="\&quot;fa"></i>{{ 'AbpIdentity::Actions' | abpLocalization }}\r\n              \r\n              <div>\r\n                \r\n                  {{ 'AbpIdentity::Edit' | abpLocalization }}\r\n                \r\n                \r\n                  {{ 'AbpIdentity::Permissions' | abpLocalization }}\r\n                \r\n                \r\n                  {{ 'AbpIdentity::Delete' | abpLocalization }}\r\n                \r\n              </div>\r\n            </div>\r\n          \r\n          {{ data.userName }}\r\n          {{ data.email }}\r\n          {{ data.phoneNumber }}\r\n        \r\n      \r\n    \r\n  </div>\r\n</div>\r\n\r\n\r\n  \r\n    <h3>{{ (selected?.id ? 'AbpIdentity::Edit' : 'AbpIdentity::NewUser') | abpLocalization }}</h3>\r\n  \r\n\r\n  \r\n    <div class="\&quot;text-center\&quot;"><i class="\&quot;fa"></i>\r\n\r\n    <form>\r\n      \r\n        \r\n          \r\n            <div class="\&quot;mt-2">\r\n              <div class="\&quot;form-group\&quot;">\r\n                <label for="\&quot;user-name\&quot;">{{ 'AbpIdentity::UserName' | abpLocalization }}<span> * </span>\r\n                <input class="\&quot;form-control\&quot;" id="\&quot;user-name\&quot;" type="\&quot;text\&quot;">\r\n              </label></div>\r\n\r\n              <div class="\&quot;form-group\&quot;">\r\n                <label for="\&quot;name\&quot;">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}</label>\r\n                <input class="\&quot;form-control\&quot;" id="\&quot;name\&quot;" type="\&quot;text\&quot;">\r\n              </div>\r\n\r\n              <div class="\&quot;form-group\&quot;">\r\n                <label for="\&quot;surname\&quot;">{{ 'AbpIdentity::DisplayName:Surname' | abpLocalization }}</label>\r\n                <input class="\&quot;form-control\&quot;" id="\&quot;surname\&quot;" type="\&quot;text\&quot;">\r\n              </div>\r\n\r\n              <div class="\&quot;form-group\&quot;">\r\n                <label for="\&quot;password\&quot;">{{ 'AbpIdentity::Password' | abpLocalization }}<span> * </span>\r\n                \r\n              </label></div>\r\n\r\n              <div class="\&quot;form-group\&quot;">\r\n                <label for="\&quot;email\&quot;">{{ 'AbpIdentity::EmailAddress' | abpLocalization }}<span> * </span>\r\n                <input class="\&quot;form-control\&quot;" id="\&quot;email\&quot;" type="\&quot;text\&quot;">\r\n              </label></div>\r\n\r\n              <div class="\&quot;form-group\&quot;">\r\n                <label for="\&quot;phone-number\&quot;">{{ 'AbpIdentity::PhoneNumber' | abpLocalization }}</label>\r\n                <input class="\&quot;form-control\&quot;" id="\&quot;phone-number\&quot;" type="\&quot;text\&quot;">\r\n              </div>\r\n\r\n              <div class="\&quot;custom-checkbox">\r\n                \r\n                <label for="\&quot;lockout-checkbox\&quot;" class="\&quot;custom-control-label\&quot;">{{\r\n                  'AbpIdentity::DisplayName:LockoutEnabled' | abpLocalization\r\n                }}</label>\r\n              </div>\r\n\r\n              <div class="\&quot;custom-checkbox">\r\n                \r\n                <label for="\&quot;two-factor-checkbox\&quot;" class="\&quot;custom-control-label\&quot;">{{\r\n                  'AbpIdentity::DisplayName:TwoFactorEnabled' | abpLocalization\r\n                }}</label>\r\n              </div>\r\n            </div>\r\n          \r\n        \r\n        \r\n          \r\n            <div class="\&quot;mt-2">\r\n              \r\n                \r\n                <label class="\&quot;custom-control-label\&quot;">{{ roles[i].name }}</label>\r\n              </div>\r\n            </form></div>\r\n          \r\n        \r\n      \r\n    \r\n  \r\n\r\n  \r\n    <button class="\&quot;btn" type="\&quot;button\&quot;">\r\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\r\n    </button>\r\n    {{\r\n      'AbpIdentity::Save' | abpLocalization\r\n    }}\r\n  \r\n\r\n\r\n\r\n\r\n"
                }] }
    ];
    /** @nocollapse */
    UsersComponent.ctorParameters = function () { return [
        { type: ConfirmationService },
        { type: FormBuilder },
        { type: Store }
    ]; };
    UsersComponent.propDecorators = {
        modalContent: [{ type: ViewChild, args: ['modalContent', { static: false },] }]
    };
    __decorate([
        Select(IdentityState.getUsers),
        __metadata("design:type", Observable)
    ], UsersComponent.prototype, "data$", void 0);
    __decorate([
        Select(IdentityState.getUsersTotalCount),
        __metadata("design:type", Observable)
    ], UsersComponent.prototype, "totalCount$", void 0);
    return UsersComponent;
}());
if (false) {

abpframework / abp / npm / ng-packs / dist / theme-shared / esm2015 / lib / components / profile / profile.component.js View on Github

{ type: Component, args: [{
                selector: 'abp-profile',
                template: "\r\n  \r\n    <h4>{{ 'AbpIdentity::PersonalInfo' | abpLocalization }}</h4>\r\n  \r\n  \r\n    <form novalidate="">\r\n      <div class="\&quot;form-group\&quot;">\r\n        <label for="\&quot;username\&quot;">{{ 'AbpIdentity::DisplayName:UserName' | abpLocalization }}<span> * </span><input class="\&quot;form-control\&quot;" id="\&quot;username\&quot;" type="\&quot;text\&quot;">\r\n      </label></div>\r\n      <div class="\&quot;row\&quot;">\r\n        <div class="\&quot;col">\r\n          <div class="\&quot;form-group\&quot;">\r\n            <label for="\&quot;name\&quot;">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}<input class="\&quot;form-control\&quot;" id="\&quot;name\&quot;" type="\&quot;text\&quot;">\r\n          </label></div>\r\n        </div>\r\n        <div class="\&quot;col">\r\n          <div class="\&quot;form-group\&quot;">\r\n            <label for="\&quot;surname\&quot;">{{ 'AbpIdentity::DisplayName:Surname' | abpLocalization }}<input class="\&quot;form-control\&quot;" id="\&quot;surname\&quot;" type="\&quot;text\&quot;">\r\n          </label></div>\r\n        </div>\r\n      </div>\r\n      <div class="\&quot;form-group\&quot;">\r\n        <label for="\&quot;email-address\&quot;">{{ 'AbpIdentity::DisplayName:Email' | abpLocalization }}<span> * </span><input class="\&quot;form-control\&quot;" id="\&quot;email-address\&quot;" type="\&quot;text\&quot;">\r\n      </label></div>\r\n      <div class="\&quot;form-group\&quot;">\r\n        <label for="\&quot;phone-number\&quot;">{{ 'AbpIdentity::DisplayName:PhoneNumber' | abpLocalization }}<input class="\&quot;form-control\&quot;" id="\&quot;phone-number\&quot;" type="\&quot;text\&quot;">\r\n      </label></div>\r\n    </form>\r\n  \r\n  \r\n    <button class="\&quot;btn" type="\&quot;button\&quot;">\r\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\r\n    </button>\r\n    {{ 'AbpIdentity::Save' | abpLocalization }}\r\n  \r\n\r\n"
            }] }
];
/** @nocollapse */
ProfileComponent.ctorParameters = () =&gt; [
    { type: FormBuilder },
    { type: Store }
];
ProfileComponent.propDecorators = {
    visible: [{ type: Input }],
    visibleChange: [{ type: Output }]
};
tslib_1.__decorate([
    Select(ProfileState.getProfile),
    tslib_1.__metadata("design:type", Observable)
], ProfileComponent.prototype, "profile$", void 0);
if (false) {
    /**
     * @type {?}
     * @protected
     */
    ProfileComponent.prototype._visible;
    /** @type {?} */
    ProfileComponent.prototype.visibleChange;
    /** @type {?} */
    ProfileComponent.prototype.profile$;
    /** @type {?} */
    ProfileComponent.prototype.form;
    /** @type {?} */
    ProfileComponent.prototype.modalBusy;

abpframework / abp / npm / ng-packs / dist / permission-management / esm2015 / lib / components / permission-management.component.js View on Github

template: "\n  \n    \n      <h4>{{ 'AbpPermissionManagement::Permissions' | abpLocalization }} - {{ data.entityName }}</h4>\n    \n    \n      <div class="\&quot;custom-checkbox">\n        \n        <label for="\&quot;select-all-in-all-tabs\&quot;" class="\&quot;custom-control-label\&quot;">{{\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\n        }}</label>\n      </div>\n\n      <hr class="\&quot;mt-2">\n      <div class="\&quot;row\&quot;">\n        <div class="\&quot;col-4\&quot;">\n          <ul class="\&quot;nav">\n            \n              <li class="\&quot;nav-item\&quot;">\n                {{ group?.displayName }}\n              </li>\n            \n          </ul>\n        </div>\n        <div class="\&quot;col-8\&quot;">\n          <h4>{{ selectedGroup.displayName }}</h4>\n          <hr class="\&quot;mt-2">\n          <div class="\&quot;pl-1">\n            <div class="\&quot;custom-checkbox">\n              \n              <label for="\&quot;select-all-in-this-tabs\&quot;" class="\&quot;custom-control-label\&quot;">{{\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\n              }}</label>\n            </div>\n            <hr class="\&quot;mb-3\&quot;">\n            \n              \n                \n                {{ permission.displayName }}\n                  <span class="\&quot;badge">{{ provider.providerName }}: {{ provider.providerKey }}</span>\n              </div>\n            \n          </div>\n        </div>\n      \n    \n    \n      <button class="\&quot;btn" type="\&quot;button\&quot;">\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\n      </button>\n      {{ 'AbpIdentity::Save' | abpLocalization }}\n    \n  \n\n"
            }] }
];
/** @nocollapse */
PermissionManagementComponent.ctorParameters = () =&gt; [
    { type: Store },
    { type: Renderer2 }
];
PermissionManagementComponent.propDecorators = {
    providerName: [{ type: Input }],
    providerKey: [{ type: Input }],
    visible: [{ type: Input }],
    visibleChange: [{ type: Output }]
};
tslib_1.__decorate([
    Select(PermissionManagementState.getPermissionGroups),
    tslib_1.__metadata("design:type", Observable)
], PermissionManagementComponent.prototype, "groups$", void 0);
tslib_1.__decorate([
    Select(PermissionManagementState.getEntitiyDisplayName),
    tslib_1.__metadata("design:type", Observable)
], PermissionManagementComponent.prototype, "entityName$", void 0);
if (false) {
    /** @type {?} */
    PermissionManagementComponent.prototype.providerName;
    /** @type {?} */
    PermissionManagementComponent.prototype.providerKey;
    /**
     * @type {?}
     * @protected
     */
    PermissionManagementComponent.prototype._visible;

abpframework / abp / npm / ng-packs / packages / identity / src / lib / components / users / users.component.ts View on Github

GetUsers,
  UpdateUser,
  GetRoles,
} from '../../actions/identity.actions';
import { Identity } from '../../models/identity';
import { IdentityState } from '../../states/identity.state';
import { PasswordRules, validatePassword } from '@ngx-validate/core';
@Component({
  selector: 'abp-users',
  templateUrl: './users.component.html',
})
export class UsersComponent implements OnInit {
  @Select(IdentityState.getUsers)
  data$: Observable;

  @Select(IdentityState.getUsersTotalCount)
  totalCount$: Observable;

  @ViewChild('modalContent', { static: false })
  modalContent: TemplateRef;

  form: FormGroup;

  selected: Identity.UserItem;

  selectedUserRoles: Identity.RoleItem[];

  roles: Identity.RoleItem[];

  visiblePermissions = false;

  providerKey: string;

abpframework / abp / npm / ng-packs / dist / permission-management / esm5 / lib / components / permission-management.component.js View on Github

PermissionManagementComponent.ctorParameters = function () { return [
        { type: Store },
        { type: Renderer2 }
    ]; };
    PermissionManagementComponent.propDecorators = {
        providerName: [{ type: Input }],
        providerKey: [{ type: Input }],
        visible: [{ type: Input }],
        visibleChange: [{ type: Output }]
    };
    tslib_1.__decorate([
        Select(PermissionManagementState.getPermissionGroups),
        tslib_1.__metadata("design:type", Observable)
    ], PermissionManagementComponent.prototype, "groups$", void 0);
    tslib_1.__decorate([
        Select(PermissionManagementState.getEntitiyDisplayName),
        tslib_1.__metadata("design:type", Observable)
    ], PermissionManagementComponent.prototype, "entityName$", void 0);
    return PermissionManagementComponent;
}());
export { PermissionManagementComponent };

openradiation / openradiation-mobile / src / app / pages / measure / measure-report / measure-report-page.ts View on Github

import { UserState } from '../../../states/user/user.state';
import { TabsService } from '../../tabs/tabs.service';

@Component({
  selector: 'app-measure-report',
  templateUrl: './measure-report.page.html',
  styleUrls: ['./measure-report.page.scss']
})
export class MeasureReportPage extends AutoUnsubscribePage {
  @Select(MeasuresState.currentMeasure)
  currentMeasure$: Observable;

  @Select(MeasuresState.expertMode)
  expertMode$: Observable;

  @Select(UserState.login)
  login$: Observable;

  measureReportForm: FormGroup;
  reportScan = true;

  measurementEnvironmentOptions: SelectIconOption[] = [
    {
      iconOn: 'assets/img/icon-countryside-on.png',
      iconOff: 'assets/img/icon-countryside-off.png',
      label: 'À la campagne',
      value: MeasureEnvironment.Countryside
    },
    {
      iconOn: 'assets/img/icon-ontheroad-on.png',
      iconOff: 'assets/img/icon-ontheroad-off.png',
      label: 'Sur la route',

mflorence99 / el-aws / renderer / app / pages / ddb / ctrl.ts View on Github

@AutoUnsubscribe()
export class DDBCtrlComponent extends LifecycleComponent {

  @Input() deleteForm = { } as DeleteForm;
  @Input() filterForm = { } as FilterForm;
  @Input() viewAndSchemaForm = { } as ViewAndSchemaForm;

  @Output() openView = new EventEmitter();

  @Select(DDBState) ddb$: Observable;
  @Select(DDBFiltersState) ddbfilters$: Observable;
  @Select(DDBSchemasState) ddbschemas$: Observable;
  @Select(DDBViewsState) ddbviews$: Observable;
  @Select(DDBSelectionState) ddbselection$: Observable;
  @Select(PrefsState) prefs$: Observable;

  ddbfilter$: Observable

How to use the @ngxs/store.Select function in @ngxs/store

To help you get started, we’ve selected a few @ngxs/store examples, based on popular ways it is used in public projects.

@ngxs/store

Package Health Score

Popular @ngxs/store functions

Similar packages