Commit 916e9a0b authored by Olivia Madrid's avatar Olivia Madrid
Browse files

(feat): wallet upgrade superstructure

parent 4e94ad1d

src/app/common/common.module.ts

+0 −3
Original line number Original line Diff line number Diff line
@@ -126,7 +126,6 @@ import { ShadowboxSubmitButtonComponent } from './components/shadowbox-submit-bu 
import { FormDescriptorComponent } from './components/form-descriptor/form-descriptor.component';

import { FormDescriptorComponent } from './components/form-descriptor/form-descriptor.component';

import { FormToastComponent } from './components/form-toast/form-toast.component';

import { FormToastComponent } from './components/form-toast/form-toast.component';

import { SsoService } from './services/sso.service';

import { SsoService } from './services/sso.service';

import { TopTabsComponent } from './layout/top-tabs/top-tabs.component';

import { ShadowboxHeaderTabsComponent } from './components/shadowbox-header-tabs/shadowbox-header-tabs.component';

import { ShadowboxHeaderTabsComponent } from './components/shadowbox-header-tabs/shadowbox-header-tabs.component';

import { TimespanFilterComponent } from './components/timespan-filter/timespan-filter.component';

import { TimespanFilterComponent } from './components/timespan-filter/timespan-filter.component';
@@ -244,7 +243,6 @@ PlotlyModule.plotlyjs = PlotlyJS; 
    FormDescriptorComponent,

    FormDescriptorComponent,

    FormToastComponent,

    FormToastComponent,

    ShadowboxSubmitButtonComponent,

    ShadowboxSubmitButtonComponent,

    TopTabsComponent,

    ShadowboxHeaderTabsComponent,

    ShadowboxHeaderTabsComponent,

    TimespanFilterComponent,

    TimespanFilterComponent,

  ],

  ],
@@ -347,7 +345,6 @@ PlotlyModule.plotlyjs = PlotlyJS; 
    FormToastComponent,

    FormToastComponent,

    ShadowboxSubmitButtonComponent,

    ShadowboxSubmitButtonComponent,

    ShadowboxHeaderTabsComponent,

    ShadowboxHeaderTabsComponent,

    TopTabsComponent,

    TimespanFilterComponent,

    TimespanFilterComponent,

  ],

  ],

  providers: [

  providers: [

src/app/common/components/shadowbox-header/shadowbox-header.component.ts

+1 −1
Original line number Original line Diff line number Diff line
@@ -37,7 +37,7 @@ export class ShadowboxHeaderComponent implements AfterViewInit { 
  }

  }





  // updateMetric(metric) {

  // updateMetric(metric) {

  //   // TODO: if clicked metric is not fully visible, slide() until it is

  //   // TODOOJM: if clicked metric is not fully visible, slide() until it is

  //   this.analyticsService.updateMetric(metric.id);

  //   this.analyticsService.updateMetric(metric.id);

  // }

  // }

src/app/common/components/timespan-filter/timespan-filter.component.html

+1 −1
Original line number Original line Diff line number Diff line 
<div class="m-timespanFilter__container" *ngIf="timespans">

<div class="m-timespanFilter__container" *ngIf="timespans">

  <div

  <div

    class="m-timespanFilter__option"

    class="m-timespanFilter__option"

    [ngClass]="{ selected: timespan.selected }"

    [ngClass]="{ active: timespan.id === activeTimespanId }"

    *ngFor="let timespan of timespans"

    *ngFor="let timespan of timespans"

    (click)="changeTimespan(timespan.id)"

    (click)="changeTimespan(timespan.id)"

  >

  >

src/app/common/components/timespan-filter/timespan-filter.component.scss

+11 −0
Original line number Original line Diff line number Diff line 
m-timespanFilter {

m-timespanFilter {

  display: flex;

  justify-content: flex-end;

  flex-flow: row nowrap;

  .m-timespanFilter__container {

  .m-timespanFilter__container {

    display: flex;

    display: flex;

    flex-flow: row nowrap;

    flex-flow: row nowrap;

    border-radius: 5px;

    border-radius: 5px;

    cursor: pointer;

    @include m-theme() {

    @include m-theme() {

      border: 1px solid themed($m-grey-50);

      border: 1px solid themed($m-grey-50);

      color: themed($m-grey-300);

    }

    }

  }

  }

  .m-timespanFilter__option {

  .m-timespanFilter__option {

    padding: 5px 16px;

    &:not(:last-child) {

    &:not(:last-child) {

      @include m-theme() {

      @include m-theme() {

        border-right: 1px solid themed($m-grey-50);

        border-right: 1px solid themed($m-grey-50);

      }

      }

    }

    }

    &.active {

      @include m-theme() {

        color: themed($m-grey-800);

      }

    }

  }

  }

}
 
}

src/app/common/components/timespan-filter/timespan-filter.component.ts

+1 −0
Original line number Original line Diff line number Diff line
@@ -7,6 +7,7 @@ import { Timespan } from '../../../interfaces/dashboard'; 
})

})

export class TimespanFilterComponent {

export class TimespanFilterComponent {

  @Input() timespans: Timespan[];

  @Input() timespans: Timespan[];

  @Input() activeTimespanId: string;

  @Output() timespanChanged: EventEmitter<any> = new EventEmitter();

  @Output() timespanChanged: EventEmitter<any> = new EventEmitter();





  constructor() {}

  constructor() {}