@colijnit/sharedcomponents 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/bundles/colijnit-sharedcomponents.umd.js +5 -7
  2. package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
  3. package/colijnit-sharedcomponents.metadata.json +1 -1
  4. package/esm2015/lib/components/stock/stock-information-grid/stock-information-grid.component.js +116 -116
  5. package/esm2015/lib/components/stock/stock-location/stock-location.component.js +2 -2
  6. package/fesm2015/colijnit-sharedcomponents.js +116 -116
  7. package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
  8. package/lib/components/stock/stock-information-grid/stock-information-grid.component.d.ts +1 -2
  9. package/lib/components/stock/style/_layout.scss +70 -17
  10. package/lib/components/stock/style/_material-definition.scss +17 -1
  11. package/package.json +1 -1
  12. package/lib/components/stock/stock-location/style/_layout.scss +0 -11
  13. package/lib/components/stock/stock-location/style/_material-definition.scss +0 -1
  14. package/lib/components/stock/stock-location/style/_theme.scss +0 -18
  15. package/lib/components/stock/stock-location/style/material.scss +0 -4
  16. package/lib/components/stock/stock-transfer/style/_layout.scss +0 -31
  17. package/lib/components/stock/stock-transfer/style/_material-definition.scss +0 -1
  18. package/lib/components/stock/stock-transfer/style/_theme.scss +0 -6
  19. package/lib/components/stock/stock-transfer/style/material.scss +0 -4
package/fesm2015/colijnit-sharedcomponents.js CHANGED
@@ -1260,8 +1260,7 @@ class StockInformationGridComponent {
1260
1260
  this.stockLocationColumns = [];
1261
1261
  this.inOrderColumns = [];
1262
1262
  this.orderColumns = [];
1263
- this.hideOrShowTabs = "show";
1264
- this.hideOrShowStockLocation = "hide";
1263
+ this.hideOrShowTabs = true;
1265
1264
  this.dataWareHouseCode = 0;
1266
1265
  this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNumber" };
1267
1266
  this.tabs = [
@@ -1288,7 +1287,7 @@ class StockInformationGridComponent {
1288
1287
  }
1289
1288
  onLocationClick(event) {
1290
1289
  // this.locationLineClicked.emit(event[0].location);
1291
- this.activeTab = "";
1290
+ this.hideOrShowTabs = false;
1292
1291
  this.hideOrShowLocationTab = true;
1293
1292
  }
1294
1293
  onRowClick(args) {
@@ -1308,8 +1307,7 @@ class StockInformationGridComponent {
1308
1307
  handleBackToStockClick() {
1309
1308
  return __awaiter(this, void 0, void 0, function* () {
1310
1309
  this.activeTab = this.tabs[0];
1311
- this.hideOrShowTabs = "show";
1312
- this.hideOrShowStockLocation = "hide";
1310
+ this.hideOrShowTabs = true;
1313
1311
  this.hideOrShowLocationTab = false;
1314
1312
  });
1315
1313
  }
@@ -1326,141 +1324,143 @@ StockInformationGridComponent.decorators = [
1326
1324
  { type: Component, args: [{
1327
1325
  selector: "co-stock-information-grid",
1328
1326
  template: `
1329
- <div class="tab-link" [ngClass]="hideOrShowTabs">
1330
- <co-input-radio-button *ngFor="let tab of tabs"
1331
- (click)="handleTabClick(tab)"
1332
- [textContent]="tab"
1333
- ></co-input-radio-button>
1334
- </div>
1327
+ <div class="tab-link show"*ngIf="hideOrShowTabs">
1328
+ <span class="tab-link-buttons"
1329
+ *ngFor="let tab of tabs"
1330
+ (click)="handleTabClick(tab)"
1331
+ [textContent]="tab"
1332
+ [class.active]="tab === activeTab"
1333
+ ></span>
1334
+ </div>
1335
+
1336
+ <div class="stock-line">
1337
+ <div [textContent]="activeTabText"></div>
1335
1338
 
1336
- <div class="stock-line">
1337
- <div [textContent]="activeTabText"></div>
1339
+ </div>
1338
1340
 
1339
- </div>
1341
+ <div class="stock-grid">
1342
+ <co-simple-grid *ngIf="activeTab === tabs[0] && hideOrShowTabs"
1343
+ [data]="stockInformation"
1344
+ >
1345
+ <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseNumber'"></co-simple-grid-column>
1346
+ <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'warehouseDescription'"></co-simple-grid-column>
1347
+ <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
1348
+ <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'amountAvailable'"></co-simple-grid-column>
1349
+ <co-simple-grid-column [headerText]="'ECONOMICAL_STOCK'" [field]="'amountLaterAvailable'"></co-simple-grid-column>
1350
+ <co-simple-grid-column [headerText]="'LOCATION'" [field]="'location'">
1351
+ <ng-template let-row="row">
1352
+ <a [textContent]="'bekijken'" (click)="onLocationClick($event)"></a>
1353
+ </ng-template>
1354
+ </co-simple-grid-column>
1355
+ </co-simple-grid>
1340
1356
 
1341
- <div class="stock-grid">
1342
- <co-simple-grid *ngIf="activeTab === tabs[0] && hideOrShowTabs === 'show'"
1343
- [data]="stockInformation"
1344
- >
1357
+ <co-simple-grid *ngIf="activeTab === tabs[1]"
1358
+ [data]="inOrderInformation"
1359
+ >
1360
+ <co-simple-grid-column [headerText]="'IN_ORDER2'" [field]="'inOrder'"></co-simple-grid-column>
1361
+ <co-simple-grid-column [headerText]="'CUSTOMER'" [field]="'customer'"></co-simple-grid-column>
1362
+ <co-simple-grid-column [headerText]="'DATE'" [field]="'orderDate'"></co-simple-grid-column>
1363
+ <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'orderAmount'"></co-simple-grid-column>
1345
1364
  <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseNumber'"></co-simple-grid-column>
1346
1365
  <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'warehouseDescription'"></co-simple-grid-column>
1347
1366
  <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
1348
- <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'amountAvailable'"></co-simple-grid-column>
1349
- <co-simple-grid-column [headerText]="'ECONOMICAL_STOCK'" [field]="'amountLaterAvailable'"></co-simple-grid-column>
1350
- <co-simple-grid-column [headerText]="'LOCATION'" [field]="'location'">
1367
+ <co-simple-grid-column [headerText]="'COMMISSION2'" [field]="'commission'"></co-simple-grid-column>
1368
+ <co-simple-grid-column [headerText]="'TRANSFER'" [field]="'transfer'">
1351
1369
  <ng-template let-row="row">
1352
- <a [textContent]="'bekijken'" (click)="onLocationClick($event)"></a>
1370
+
1353
1371
  </ng-template>
1354
1372
  </co-simple-grid-column>
1355
- </co-simple-grid>
1356
-
1357
- <co-simple-grid *ngIf="activeTab === tabs[1]"
1358
- [data]="inOrderInformation"
1359
- >
1360
- <co-simple-grid-column [headerText]="'IN_ORDER2'" [field]="'inOrder'"></co-simple-grid-column>
1361
- <co-simple-grid-column [headerText]="'CUSTOMER'" [field]="'customer'"></co-simple-grid-column>
1362
- <co-simple-grid-column [headerText]="'DATE'" [field]="'orderDate'"></co-simple-grid-column>
1363
- <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'orderAmount'"></co-simple-grid-column>
1364
- <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseNumber'"></co-simple-grid-column>
1365
- <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'warehouseDescription'"></co-simple-grid-column>
1366
- <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
1367
- <co-simple-grid-column [headerText]="'COMMISSION2'" [field]="'commission'"></co-simple-grid-column>
1368
- <co-simple-grid-column [headerText]="'TRANSFER'" [field]="'transfer'">
1369
- <ng-template let-row="row">
1370
-
1371
- </ng-template>
1372
- </co-simple-grid-column>
1373
- <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
1374
- <ng-template let-row="row">
1375
-
1376
- </ng-template>
1377
- </co-simple-grid-column>
1378
- </co-simple-grid>
1373
+ <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
1374
+ <ng-template let-row="row">
1379
1375
 
1380
- <co-simple-grid *ngIf="activeTab === tabs[2]"
1381
- [data]="orderInformation"
1382
- >
1383
- <co-simple-grid-column [headerText]="'PURCHASE_ORDER_NR'" [field]="'purchaseOrderNo'"></co-simple-grid-column>
1384
- <co-simple-grid-column [headerText]="'DATE'" [field]="'orderDate'"></co-simple-grid-column>
1385
- <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'orderAmount'"></co-simple-grid-column>
1386
- <co-simple-grid-column [headerText]="'RESERVED'" [field]="'reserved'"></co-simple-grid-column>
1387
- <co-simple-grid-column [headerText]="'FREE_STOCK'" [field]="'freeStock'"></co-simple-grid-column>
1388
- <co-simple-grid-column [headerText]="'DELIVERY_DATE1'" [field]="'deliveryDate'"></co-simple-grid-column>
1389
- <co-simple-grid-column [headerText]="'RESERVE'" [field]="'reservation'"></co-simple-grid-column>
1390
- </co-simple-grid>
1391
- </div>
1376
+ </ng-template>
1377
+ </co-simple-grid-column>
1378
+ </co-simple-grid>
1392
1379
 
1393
- <div class="stock-grid" *ngIf="hideOrShowLocationTab">
1394
- <div class="stock-location-group">
1395
- <div class="stock-location-left-group">
1396
- <co-button class="stock-lines-button" [textContent]="'BACK_TO_STOCK_LINES'" (click)="handleBackToStockClick()"></co-button>
1397
- </div>
1398
- <div class="stock-location-right-group">
1399
- <co-input-combo-box [(model)]="dataWareHouseCode"
1400
- [source]=""
1401
- [fields]="dataWareHouseFields"
1402
- [placeholder]="'WAREHOUSE'"
1403
- [required]="true"
1404
- ></co-input-combo-box>
1405
- </div>
1380
+ <co-simple-grid *ngIf="activeTab === tabs[2]"
1381
+ [data]="orderInformation"
1382
+ >
1383
+ <co-simple-grid-column [headerText]="'PURCHASE_ORDER_NR'" [field]="'purchaseOrderNo'"></co-simple-grid-column>
1384
+ <co-simple-grid-column [headerText]="'DATE'" [field]="'orderDate'"></co-simple-grid-column>
1385
+ <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'orderAmount'"></co-simple-grid-column>
1386
+ <co-simple-grid-column [headerText]="'RESERVED'" [field]="'reserved'"></co-simple-grid-column>
1387
+ <co-simple-grid-column [headerText]="'FREE_STOCK'" [field]="'freeStock'"></co-simple-grid-column>
1388
+ <co-simple-grid-column [headerText]="'DELIVERY_DATE1'" [field]="'deliveryDate'"></co-simple-grid-column>
1389
+ <co-simple-grid-column [headerText]="'RESERVE'" [field]="'reservation'"></co-simple-grid-column>
1390
+ </co-simple-grid>
1406
1391
  </div>
1407
1392
 
1408
- <co-simple-grid [data]="stockLocationInformation"
1409
- >
1393
+ <div class="stock-grid" *ngIf="hideOrShowLocationTab">
1410
1394
  <div class="stock-location-group">
1411
1395
  <div class="stock-location-left-group">
1412
- <co-button class="stock-lines-button" [textContent]="'BACK_TO_STOCK_LINES'" (click)="handleBackToStockClick()"></co-button>
1396
+ <span class="stock-button-back" [textContent]="'BACK_TO_STOCK_LINES'" (click)="handleBackToStockClick()"></span>
1397
+ </div>
1398
+ <div class="stock-location-right-group">
1399
+ <co-input-combo-box [(model)]="dataWareHouseCode"
1400
+ [source]=""
1401
+ [fields]="dataWareHouseFields"
1402
+ [placeholder]="'WAREHOUSE'"
1403
+ [required]="true"
1404
+ ></co-input-combo-box>
1413
1405
  </div>
1414
1406
  </div>
1415
- <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'location'"></co-simple-grid-column>
1416
- <co-simple-grid-column [headerText]="'BATCH'" [field]="'batch'"></co-simple-grid-column>
1417
- <co-simple-grid-column [headerText]="'SERIAL_NO'" [field]="'serialNo'"></co-simple-grid-column>
1418
- <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
1419
- <co-simple-grid-column [headerText]="'ALLOCATED'" [field]="'allocated'"></co-simple-grid-column>
1420
- <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'amountAvailable'"></co-simple-grid-column>
1421
- <co-simple-grid-column [headerText]="'TRANSFER'" [field]="'transfer'">
1422
- <ng-template let-row="row">
1423
- <span [textContent]="'Transfer'" (click)="handleStockTransferClick($event)"></span>
1424
- </ng-template>
1425
- </co-simple-grid-column>
1426
- <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
1427
- <ng-template let-row="row">
1428
1407
 
1429
- </ng-template>
1430
- </co-simple-grid-column>
1431
- </co-simple-grid>
1432
- </div>
1408
+ <co-simple-grid [data]="stockLocationInformation"
1409
+ >
1410
+ <div class="stock-location-group">
1411
+ <div class="stock-location-left-group">
1412
+ <co-button class="stock-lines-button" [textContent]="'BACK_TO_STOCK_LINES'" (click)="handleBackToStockClick()"></co-button>
1413
+ </div>
1414
+ </div>
1415
+ <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'location'"></co-simple-grid-column>
1416
+ <co-simple-grid-column [headerText]="'BATCH'" [field]="'batch'"></co-simple-grid-column>
1417
+ <co-simple-grid-column [headerText]="'SERIAL_NO'" [field]="'serialNo'"></co-simple-grid-column>
1418
+ <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
1419
+ <co-simple-grid-column [headerText]="'ALLOCATED'" [field]="'allocated'"></co-simple-grid-column>
1420
+ <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'amountAvailable'"></co-simple-grid-column>
1421
+ <co-simple-grid-column [headerText]="'TRANSFER'" [field]="'transfer'">
1422
+ <ng-template let-row="row">
1423
+ <span [textContent]="'Transfer'" (click)="handleStockTransferClick($event)"></span>
1424
+ </ng-template>
1425
+ </co-simple-grid-column>
1426
+ <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
1427
+ <ng-template let-row="row">
1433
1428
 
1434
- <div class="stock-grid" *ngIf="showStockHistory">
1435
- <co-simple-grid [data]="stockHistoryInformation"
1436
- >
1437
- <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'location'"></co-simple-grid-column>
1438
- <co-simple-grid-column [headerText]="'BATCH'" [field]="'batch'"></co-simple-grid-column>
1439
- <co-simple-grid-column [headerText]="'SERIAL_NO'" [field]="'serialNo'"></co-simple-grid-column>
1440
- <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
1441
- <co-simple-grid-column [headerText]="'ALLOCATED'" [field]="'allocated'"></co-simple-grid-column>
1442
- <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'amountAvailable'"></co-simple-grid-column>
1443
- <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
1444
- <ng-template let-row="row">
1429
+ </ng-template>
1430
+ </co-simple-grid-column>
1431
+ </co-simple-grid>
1432
+ </div>
1445
1433
 
1446
- </ng-template>
1447
- </co-simple-grid-column>
1448
- </co-simple-grid>
1449
- </div>
1434
+ <div class="stock-grid" *ngIf="showStockHistory">
1435
+ <co-simple-grid [data]="stockHistoryInformation"
1436
+ >
1437
+ <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'location'"></co-simple-grid-column>
1438
+ <co-simple-grid-column [headerText]="'BATCH'" [field]="'batch'"></co-simple-grid-column>
1439
+ <co-simple-grid-column [headerText]="'SERIAL_NO'" [field]="'serialNo'"></co-simple-grid-column>
1440
+ <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
1441
+ <co-simple-grid-column [headerText]="'ALLOCATED'" [field]="'allocated'"></co-simple-grid-column>
1442
+ <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'amountAvailable'"></co-simple-grid-column>
1443
+ <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
1444
+ <ng-template let-row="row">
1450
1445
 
1451
- <div class="stock-button-toolbar">
1452
- <div class="stock-button-left-group">
1453
- <co-button [label]="'HISTORY'" (click)="handleHistoryClick()"></co-button>
1446
+ </ng-template>
1447
+ </co-simple-grid-column>
1448
+ </co-simple-grid>
1454
1449
  </div>
1455
- <div class="stock-button-middle-group">
1456
- <div class="button-left">
1457
- <co-button [textContent]="'Ok'" (click)="onOkClick()"></co-button>
1450
+
1451
+ <div class="stock-button-toolbar">
1452
+ <div class="stock-button-left-group">
1453
+ <co-button [label]="'HISTORY'" (click)="handleHistoryClick()"></co-button>
1458
1454
  </div>
1459
- <div class="button-right">
1460
- <co-button [textContent]="'Annuleren'" (click)="onCancelClick()"></co-button>
1455
+ <div class="stock-button-middle-group">
1456
+ <div class="button-left">
1457
+ <co-button [textContent]="'Ok'" (click)="onOkClick()"></co-button>
1458
+ </div>
1459
+ <div class="button-right">
1460
+ <co-button [textContent]="'Annuleren'" (click)="onCancelClick()"></co-button>
1461
+ </div>
1461
1462
  </div>
1462
1463
  </div>
1463
- </div>
1464
1464
  `,
1465
1465
  encapsulation: ViewEncapsulation.None
1466
1466
  },] }
@@ -1506,7 +1506,7 @@ StockLocationComponent.decorators = [
1506
1506
  <div class="stock-location-wrapper">
1507
1507
  <div class="buttons-wrapper">
1508
1508
  <div class="stock-button-left-group">
1509
- <co-button [textContent]="'BACK_TO_STOCK_LINES'" (onClick)="backToStockInformation()"></co-button>
1509
+ <span class="stock-button-back" [textContent]="'BACK_TO_STOCK_LINES'" (click)="backToStockInformation()"></span>
1510
1510
  </div>
1511
1511
  <div class="dropdown-wrapper">
1512
1512
  <co-drop-down-list></co-drop-down-list>