2 |
9 |
10 |
3 |
8 |
4 | 
5 |
7 |
5 | {{title}}
6 |
11 |
13 |
14 |
19 |
--------------------------------------------------------------------------------
/src/app/app.component.scss:
--------------------------------------------------------------------------------
1 | .odoo-app {
2 | padding-top:10px;
3 | }
4 | .logo{
5 | max-width:50%;
6 | }
7 | h1{
8 | color: #fff;
9 | font-size: 15px;
10 | width:100%;
11 | }
12 | .pcp {
13 | margin-top:15px;
14 | font-size:11px;
15 | color: #fefefe;
16 | text-shadow: 0 1px 1px #010101;
17 | opacity:0.4;
18 | }
--------------------------------------------------------------------------------
/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed, waitForAsync } from '@angular/core/testing';
2 | import { AppComponent } from './app.component';
3 | describe('AppComponent', () => {
4 | beforeEach(waitForAsync(() => {
5 | TestBed.configureTestingModule({
6 | declarations: [
7 | AppComponent
8 | ],
9 | }).compileComponents();
10 | }));
11 | it('should create the app', waitForAsync(() => {
12 | const fixture = TestBed.createComponent(AppComponent);
13 | const app = fixture.debugElement.componentInstance;
14 | expect(app).toBeTruthy();
15 | }));
16 | it(`should have as title 'app'`, waitForAsync(() => {
17 | const fixture = TestBed.createComponent(AppComponent);
18 | const app = fixture.debugElement.componentInstance;
19 | expect(app.title).toEqual('app');
20 | }));
21 | it('should render title in a h1 tag', waitForAsync(() => {
22 | const fixture = TestBed.createComponent(AppComponent);
23 | fixture.detectChanges();
24 | const compiled = fixture.debugElement.nativeElement;
25 | expect(compiled.querySelector('h1').textContent).toContain('Welcome to odoo-barcode!');
26 | }));
27 | });
28 |
--------------------------------------------------------------------------------
/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-root',
5 | templateUrl: './app.component.html',
6 | styleUrls: ['./app.component.scss']
7 | })
8 |
9 | export class AppComponent implements OnInit {
10 | public title = 'barcode';
11 |
12 | constructor() {}
13 |
14 | public ngOnInit(): void {}
15 |
16 | }
17 |
--------------------------------------------------------------------------------
/src/app/app.const.ts:
--------------------------------------------------------------------------------
1 | export class Globals {
2 | public static URL = window.localStorage.getItem('url');
3 | public static DB = window.localStorage.getItem('db');
4 | public static USER = window.localStorage.getItem('user');
5 | public static PASS = window.localStorage.getItem('pass');
6 | public static uid = '0';
7 |
8 | public static local = 'es-AR';
9 | }
10 |
--------------------------------------------------------------------------------
/src/app/app.module.ts:
--------------------------------------------------------------------------------
1 | import { BrowserModule } from '@angular/platform-browser';
2 | import { NgModule } from '@angular/core';
3 | import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
4 | import { FormsModule } from '@angular/forms';
5 | import { RouterModule, Routes } from '@angular/router';
6 | import { BarcodeScanner } from '@awesome-cordova-plugins/barcode-scanner/ngx';
7 |
8 | import { registerLocaleData } from '@angular/common';
9 | import locale from '@angular/common/locales/es-AR';
10 | import localeExtra from '@angular/common/locales/extra/es-AR';
11 |
12 | registerLocaleData(locale, 'es-AR', localeExtra);
13 |
14 | /*NgMaterial*/
15 | import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
16 | import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
17 | import { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
18 | import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
19 | import { MatLegacyTabsModule as MatTabsModule } from '@angular/material/legacy-tabs';
20 |
21 | /*MyComponents*/
22 | import { AppComponent } from './app.component';
23 | import { HomeComponent } from './home/home.component';
24 | import { ScannerComponent } from './scanner/scanner.component';
25 |
26 | /* Routes */
27 | const appRoutes: Routes = [
28 | { path: 'home', component: HomeComponent },
29 | { path: 'scanner', component: ScannerComponent },
30 | // GENERAL
31 | { path: '',
32 | redirectTo: '/home',
33 | pathMatch: 'full'
34 | }
35 | ];
36 |
37 | @NgModule({
38 | declarations: [
39 | AppComponent,
40 | ScannerComponent,
41 | HomeComponent
42 | ],
43 | imports: [
44 | BrowserModule,
45 | BrowserAnimationsModule,
46 | FormsModule,
47 | RouterModule,
48 | RouterModule.forRoot(appRoutes, { anchorScrolling: 'enabled' }),
49 | MatInputModule,
50 | MatButtonModule,
51 | MatProgressSpinnerModule,
52 | MatSelectModule,
53 | MatTabsModule
54 | ],
55 | providers: [
56 | BarcodeScanner
57 | ],
58 | bootstrap: [AppComponent]
59 | })
60 | export class AppModule { }
61 |
--------------------------------------------------------------------------------
/src/app/home/home.component.html:
--------------------------------------------------------------------------------
1 |
2 |
26 |
--------------------------------------------------------------------------------
/src/app/home/home.component.scss:
--------------------------------------------------------------------------------
1 | .mat-input{
2 | width:100%;
3 | margin-top:-10px;
4 | margin-bottom:-5px;
5 | }
6 | input.mat-input-element {
7 | color:#fff;
8 | }
9 | .mat-button{
10 | display: flex;
11 | align-items: center;
12 | justify-content: space-around;
13 | margin-bottom:5px;
14 | }
15 | .mat-button button{
16 | width:100%;
17 | margin:0 10px;
18 | }
--------------------------------------------------------------------------------
/src/app/home/home.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { HomeComponent } from './home.component';
4 |
5 | describe('HomeComponent', () => {
6 | let component: HomeComponent;
7 | let fixture: ComponentFixture
3 |
24 |
25 |
2 |
52 |
--------------------------------------------------------------------------------
/src/app/scanner/scanner.component.scss:
--------------------------------------------------------------------------------
1 | p{
2 | color: #fff;
3 | font-size:12px;
4 | }
5 | hr{
6 | border: 0;
7 | height: 1px;
8 | background: #fff;
9 | opacity:0.6;
10 | }
--------------------------------------------------------------------------------
/src/app/scanner/scanner.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 |
3 | import { ScannerComponent } from './scanner.component';
4 |
5 | describe('ScannerComponent', () => {
6 | let component: ScannerComponent;
7 | let fixture: ComponentFixture
3 |
4 |
5 |
6 |
51 |
7 |
8 | 9 |
10 |
11 |
12 |
13 |
14 | Select Pricelist
15 |
16 |
17 | {{pricelist.name}}
18 |
19 |
20 |
21 |
22 |
23 |
34 |
35 |
36 |
37 |
38 |
39 |
40 | Select Product
41 |
42 |
43 | {{p.name}}
44 |
45 |
46 |
47 |
48 |
49 |
50 | 8 | 9 |
24 | ![]()
25 |
30 | {{product.name}}
26 | 27 |List Price: {{product.lst_price | currency:product.currency:'symbol':'':local}}
28 |{{pricelist_name}}: {{pricelist_price | currency:pricelist_currency:'symbol':'':local}}
29 |
31 |
33 |