myrtex-mf-competition 1.0.72 → 1.0.73

package/.browserslistrc

@@ -0,0 +1,16 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR

package/karma.conf.js

@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../coverage/myrtex-mf-competition'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/myrtex-mf-competition",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/package.json

@@ -1,33 +1,13 @@
-{
-  "name": "myrtex-mf-competition",
-  "version": "1.0.72",
-  "peerDependencies": {
-    "@angular/common": "^13.3.0",
-    "@angular/core": "^13.3.0",
-    "myrtex-mf-ui-composite": "1.1.42",
-    "myrtex-mf-signer": "1.1.80"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "module": "fesm2015/myrtex-mf-competition.mjs",
-  "es2020": "fesm2020/myrtex-mf-competition.mjs",
-  "esm2020": "esm2020/myrtex-mf-competition.mjs",
-  "fesm2020": "fesm2020/myrtex-mf-competition.mjs",
-  "fesm2015": "fesm2015/myrtex-mf-competition.mjs",
-  "typings": "myrtex-mf-competition.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./myrtex-mf-competition.d.ts",
-      "esm2020": "./esm2020/myrtex-mf-competition.mjs",
-      "es2020": "./fesm2020/myrtex-mf-competition.mjs",
-      "es2015": "./fesm2015/myrtex-mf-competition.mjs",
-      "node": "./fesm2015/myrtex-mf-competition.mjs",
-      "default": "./fesm2020/myrtex-mf-competition.mjs"
-    }
-  },
-  "sideEffects": false
-}
+{
+  "name": "myrtex-mf-competition",
+  "version": "1.0.73",
+  "peerDependencies": {
+    "@angular/common": "^13.3.0",
+    "@angular/core": "^13.3.0",
+    "myrtex-mf-ui-composite": "1.1.42",
+    "myrtex-mf-signer": "1.1.80"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/src/lib/modules/competition-header/competition-header.module.ts

@@ -0,0 +1,47 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EffectsModule } from '@ngrx/effects';
+import { StoreModule } from '@ngrx/store';
+import { CompetitionHeaderComponent } from './components/competition-header.component';
+import { FormsModule } from '@angular/forms';
+import { COMPETITION_HEADER_FEATURE_NAME } from './constants';
+import { competitionHeaderReducer } from './store/competition-header.reducers';
+import { CompetitionHeaderService } from './services/competition-header.service';
+import { CompetitionHeaderCustomButtonsDirective } from './directives/competition-header-custom-buttons.directive';
+import { NgSelectModule } from '@ng-select/ng-select';
+import { MyrtexMfUiCompositeModule, MyrtexUiComponentsModule, TenantSettingsModule } from 'myrtex-mf-ui-composite';
+import { MyrtexSignerModule } from 'myrtex-mf-signer';
+import { CompetitionHeaderEffects } from './store/competition-header.effects';
+import { SettingsService } from './services/settings.service';
+import { DropdownModule } from 'myrta-ui';
+import { CdkTooltipModule } from 'myrtex-mf-ui';
+
+@NgModule({
+  declarations: [
+    CompetitionHeaderComponent,
+    CompetitionHeaderCustomButtonsDirective,
+  ],
+  imports: [
+    CommonModule,
+    EffectsModule.forFeature([CompetitionHeaderEffects]),
+    StoreModule.forFeature(COMPETITION_HEADER_FEATURE_NAME, competitionHeaderReducer),
+    TenantSettingsModule,
+    FormsModule,
+    MyrtexUiComponentsModule,
+    MyrtexMfUiCompositeModule,
+    MyrtexSignerModule,
+    NgSelectModule,
+    DropdownModule,
+    CdkTooltipModule
+  ],
+  providers: [
+    CompetitionHeaderService,
+    SettingsService
+  ],
+  exports: [
+    CompetitionHeaderComponent,
+    CompetitionHeaderCustomButtonsDirective,
+  ]
+})
+export class CompetitionHeaderModule {
+}

package/src/lib/modules/competition-header/components/competition-header.component.html

@@ -0,0 +1,164 @@
+<div class="info-banner" *ngIf="selected">
+    <div class="info-banner-body">
+        <div class="info-banner-block">
+            <!-- Название субсидии/отбора -->
+            <div class="info-banner-item wpx-160 mr-3">
+                <!-- вставить название сущности, либо "Субсидия" либо "Отбор" -->
+                <span class="info-banner-item__title" myCompetitionLabel>
+
+                </span>
+                <!-- название субсидии/отбора -->
+                <!-- ограничить длину названия в 44 символов -->
+                <!-- вставить в тултип полное название субсидии/отбора -->
+                <span class="info-banner-item__text text-normal" [mrxCdkTooltip]="selected.name" [tooltipMaxWidth]="320">
+                    {{ selected.shortName ? selected.shortName : 'Не указан' }}
+                </span>
+            </div>
+            <!-- статус субсидии/отбора -->
+            <div class="info-banner-item wpx-110">
+                <span class="info-banner-item__title">
+                    Статус
+                </span>
+                <!-- статус субсидии/отбора -->
+                <!-- для задания цвета добавлять классы: оранжевый - "color-orange", зеленый - "color-green" -->
+                <span class="info-banner-item__text" [ngClass]="competitionAggregateStatusCssClass">
+                    {{ competitionAggregateStatusEnumLabel }}
+                </span>
+            </div>
+        </div>
+        <!-- селект с выбором версии -->
+        <div class="info-banner-item info-banner-item_input wpx-260 mr-3" *ngIf="versions && versions.length > 1">
+            <div class="inputbox inputbox-md mb-0">
+                <ng-select [items]="versions" [ngModel]="selected.id"
+                           (ngModelChange)="selectVersion($event)"
+                           [clearable]="false"
+                           bindValue="id"
+                           bindLabel="name"
+                           groupBy="status"
+                           notFoundText="Не найдено">
+                    <ng-template ng-optgroup-tmp let-item="item" let-index="index">
+                        {{getCompetitionVersionStatusGrouppingLabel(item.status)}}
+                    </ng-template>
+                    <ng-template ng-option-tmp let-item="item" let-index="index" let-search="searchTerm">
+                        Версия {{item.num}} от {{item.createdDate}}
+                    </ng-template>
+                    <ng-template ng-label-tmp let-item="item">
+                      Версия {{item.num}} от {{item.createdDate}}
+                    </ng-template>
+                </ng-select>
+            </div>
+        </div>
+        <!-- статаус версии -->
+        <!-- не показывать, если нет версий -->
+        <div class="info-banner-item wpx-110" *ngIf="versions && versions.length > 1">
+            <span class="info-banner-item__title">
+                Статус версии
+            </span>
+            <!-- статус версии -->
+            <!-- для задания цвета добавлять классы: оранжевый - "color-orange", зеленый - "color-green" -->
+            <span class="info-banner-item__text" *ngIf="selected" [ngClass]="versionStatusClass">
+                {{ getCompetitionVersionStatusEnumLabel(selected.status) }}
+            </span>
+        </div>
+        <!-- удаление, вызов модалки, предупреждение об внесении изменений -->
+        <div class="info-banner-item">
+            <!-- не показывать, если не требуется -->
+            <!-- "конверт" -->
+            <div class="info-banner-item__icon" *ngIf="showRejectionReason"
+                myTooltip
+                [tooltip]="'Посмотреть причину отклонения'"
+                (click)="showRejection(selected.rejectionReason)">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <rect x="3" y="6" width="18" height="12" rx="1" stroke="#282828" stroke-width="1.5"/>
+                    <path d="M3 6.25L11.3356 13.6595C11.7145 13.9962 12.2855 13.9962 12.6644 13.6595L21 6.25" stroke="#282828" stroke-width="1.5"/>
+                    <path d="M3 18L7.5 14L9.75 12M21 18L16.5 14L14.25 12" stroke="#282828" stroke-width="1.5"/>
+                </svg>
+            </div>
+            <!-- удаление версии -->
+            <div *ngIf="canDeleteVersion" (click)="removeVersion()"  class="info-banner-item__icon" myTooltip [tooltip]="'Удалить версию'">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M3 6H5H21" stroke="#D14114" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    <path d="M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z" stroke="#D14114" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    <path d="M10 11V17" stroke="#D14114" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    <path d="M14 11V17" stroke="#D14114" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                </svg>
+            </div>
+            <!-- восклицательный знак -->
+            <div *ngIf="!isLastVersion" class="info-banner-item__icon" myTooltip [tooltip]="'Внесение изменений доступно на последней версии'">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M12.2302 18V17M12.2302 14V10M4.00298 21.25H20.4575C21.9971 21.25 22.9593 19.5833 22.1895 18.25L13.9623 4C13.1925 2.66667 11.268 2.66667 10.4982 4L2.27093 18.25C1.50113 19.5833 2.46338 21.25 4.00298 21.25Z" stroke="#D57B1C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                </svg>
+            </div>
+        </div>
+        <div class="info-banner-control">
+            <div *ngIf="!!customButtonsTemplate">
+                <ng-container *ngTemplateOutlet="customButtonsTemplate.templateRef;context:customButtonsTemplateContext"></ng-container>
+            </div>
+            <button class="btn btn-md green"
+                    (click)="createVersion()"
+                    *ngIf="canCreateVersion"
+                    [disabled]="createVersionDisabled">
+                Сформировать изменения
+            </button>
+            <button class="btn btn-md green"
+                    (click)="activateVersion()"
+                    *ngIf="canActivateVersion"
+                    [disabled]="activateVersionDisabled">
+                Опубликовать
+            </button>
+            <button class="btn btn-md"
+                    (click)="validateVersion()"
+                    *ngIf="canValidateVersion"
+                    [disabled]="validateVersionDisabled">
+                Согласование
+            </button>
+            <button *ngIf="canReturnToEdit" class="btn btn-md"
+                    (click)="backToEdit()"
+                    [disabled]="backToEditDisabled">
+                Редактировать
+            </button>
+            <!-- управление статусом/отбором -->
+            <!-- не показывать если не требуется -->
+            <div class="info-banner-control__action"
+                 *ngIf="competition && showEbLink">
+                <mrx-dropdown [mainPlacement]="'bottom-end'" [fallbackPlacements]="['top-end']">
+                    <ng-template #dropdownToggle>
+                        <span class="mrx-icon icon-more-vertical icon-font-24"></span>
+                    </ng-template>
+                    <ng-template #dropdownMenu>
+                        <button mrxHideAfterClick (click)="redirectToEb()">
+                            <span class="mrx-icon icon-link icon-font-24 mr-2"></span>
+                            <span>Перейти в подсистему бюджетного планирования ГИИС «ЭБ»</span>
+                        </button>
+
+                        <button mrxHideAfterClick (click)="pause()"
+                            *ngIf="competition.status == competitionStatusEnum.Active && canManageCompetition">
+                            <span class="mrx-icon icon-pause-filled icon-font-24 mr-2"></span>
+                            <span>Приостановить</span>
+                        </button>
+
+                        <button mrxHideAfterClick (click)="restore()"
+                            *ngIf="competition.status == competitionStatusEnum.Staying && canManageCompetition">
+                            <span class="mrx-icon icon-play-filled icon-font-24 mr-2"></span>
+                            <span>{{restoreButtonName}}</span>
+                        </button>
+
+                        <button mrxHideAfterClick 
+                            *ngIf="canCompleteCompetition && canManageCompetition"
+                            (click)="complete()">
+                            <span class="mrx-icon icon-stop-filled icon-font-24 mr-2"></span>
+                            <span>Завершить</span>
+                        </button>
+
+                        <button mrxHideAfterClick 
+                            *ngIf="canCancelCompetition && canManageCompetition"
+                            (click)="cancel()">
+                            <span class="mrx-icon icon-close icon-font-24 mr-2"></span>
+                            <span>{{cancelCompetitionButtonLabel}}</span>
+                        </button>
+                    </ng-template>
+                </mrx-dropdown>
+            </div>
+        </div>
+    </div>
+</div>