atlas-subnational-frontend/app/templates/visualization.hbs at 2469bebe28ff092e791ef4d343be89ebfb568da6 · cid-harvard/atlas-subnational-frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
{{component "stream-header"
  model=model.entity
  type=entityType
  source=source
  variable=variable
  metaData=model.metaData
}}
<header class="section__header builder__header">
  <h3 class="section__head question__head">{{pageTitle}}</h3>
</header>
<section class="stream__section visualization__{{visualization}}">
  <div {{bind-attr class=":section__buildermod drawerChangeGraphIsOpen:buildermod__changegraph--open" }}>
    <header class="buildermod__header">
      <h4 class="buildermod__head">{{builderModHeader}}: {{headerValue}} ({{years}})</h4>
      <div class="buildermod__tools">
        <div class="btn btn--standalone btn--buildermod buildermod__tool--change_graph">
          <div class="buildermod__tool--change-graph--label">
            {{t 'graph_builder.change_graph.label'}}
          </div>
          {{partial "partials/buildermod-drawer-change-graph"}}
        </div>
      </div>
    </header>
    <div {{bind-attr class=":buildermod__vizwrap isFixedHeight:buildermod__vizwrap--fixedheight isGeo:buildermod__vizwrap--geo"}}>
      {{#unless isGeo }}
        {{partial "partials/buildermod-search"}}
      {{/unless}}

      {{component visualizationComponent
        classNames='buildermod__viz'
        immutableData=immutableData
        data=filteredData
        dataType=source
        varDependent=varDependent
        startDate=startDate
        dateExtent=dateExtent
        endDate=endDate
        metadata=metadata
        isFiltered=isFiltered
        entityType=entityType
        entityId=entityId
        variable=variable
        search=search
        keyFilter=keyFilter
        graph=graph
      }}

      {{#if needsLegend }}
        {{component 'visualization-legend' legend=legend keyFilter=keyFilter }}
      {{/if}}

      <div class="buildermod__settings__wrap">
        {{component 'graphbuilder-settings'
          classNames='buildermod__settings'
          startDate=startDate
          endDate=endDate
          canYearToggle=canYearToggle
          isScatter=isScatter
          rcaFilter=rcaFilter
          keyFilter=keyFilter
        }}
      </div>
    </div>
    {{component 'visualization-explanation'
      text=visualizationExplanation
    }}
    <div class="ember__table__wrap">
      {{component 'table-download'
        name=builderModHeader
        data=immutableData
        source=source
        pageTitle=pageTitle
      }}
      {{component 'graphbuilder-table'
        data=filteredData
        source=source
        search=search
      }}
    </div>
    <small class="table__footer">
      {{ t 'graph_builder.table.read_more' }}
      {{#link-to 'about.glossary' class='link--stream link--stream--inline--tiny table__footer__link--glossary'}}
        {{t 'general.glossary'}}.
      {{/link-to}}
    </small>
  </div>
</section>
<section class="stream__section recirc builder__recirc">
  <div class="recirc__bground" style="background-image: url({{recircUrl}})"></div>
  <div class="recirc__wrap">
    <h3 class="section__head recirc__head">
      {{recircCopy}}
    </h3>
  </div>
</section>