angularSample/src/app/app.component.html at master · trytocatcharg/angularSample · 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
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="#">
        <img width="50" alt="Angular Logo" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOnVybCgjQmFja2dyb3VuZF8xM18pO30KCS5zdDF7ZmlsbDp1cmwoI3BhdGgtMl83Xyk7fQoJLnN0MntmaWx0ZXI6dXJsKCNBZG9iZV9PcGFjaXR5TWFza0ZpbHRlcik7fQoJLnN0M3tmaWxsOiNGRkZGRkY7fQoJLnN0NHttYXNrOnVybCgjbWFzay0zXzFfKTtmaWxsOiNGRkZGRkY7fQoJLnN0NXtmaWxsOnVybCgjU1ZHSURfMV8pO30KCS5zdDZ7ZmlsbDojMUUxRTFGO30KCS5zdDd7ZmlsbDp1cmwoI092YWxfNl8pO30KCS5zdDh7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjAuMzt9Cgkuc3Q5e2ZpbGw6IzJCMkEyQTt9Cgkuc3QxMHtmaWxsOiNGRjk1MDA7fQoJLnN0MTF7ZmlsbDp1cmwoI0JhY2tncm91bmRfMTRfKTt9Cgkuc3QxMntmaWxsOnVybCgjcGF0aC0yXzhfKTt9Cgkuc3QxM3tmaWx0ZXI6dXJsKCNBZG9iZV9PcGFjaXR5TWFza0ZpbHRlcl8xXyk7fQoJLnN0MTR7bWFzazp1cmwoI21hc2stM18yXyk7fQoJLnN0MTV7ZmlsbDojRkZGRkZGO2ZpbGwtb3BhY2l0eTowLjc7fQoJLnN0MTZ7ZmlsbDp1cmwoI0JhY2tncm91bmRfMTVfKTt9Cgkuc3QxN3tmaWxsOnVybCgjQmFja2dyb3VuZF8xNl8pO30KCS5zdDE4e2ZpbGw6dXJsKCNCYWNrZ3JvdW5kXzE3Xyk7fQoJLnN0MTl7ZmlsdGVyOnVybCgjQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXJfMl8pO30KCS5zdDIwe21hc2s6dXJsKCNtYXNrLTJfNl8pO2ZpbGwtb3BhY2l0eTowLjI5O30KCS5zdDIxe2ZpbHRlcjp1cmwoI0Fkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzNfKTt9Cgkuc3QyMnttYXNrOnVybCgjbWFzay0yXzVfKTt9Cgkuc3QyM3tmaWxsOnVybCgjcGF0aC00XzJfKTt9Cgkuc3QyNHtmaWx0ZXI6dXJsKCNBZG9iZV9PcGFjaXR5TWFza0ZpbHRlcl80Xyk7fQoJLnN0MjV7bWFzazp1cmwoI21hc2stMl80Xyk7fQoJLnN0MjZ7ZmlsbDojQUFBQUFBO30KCS5zdDI3e2ZpbGw6dXJsKCNCYWNrZ3JvdW5kXzE4Xyk7fQoJLnN0Mjh7ZmlsbDojMTQxNDE2O30KCS5zdDI5e2ZpbHRlcjp1cmwoI0Fkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzVfKTt9Cgkuc3QzMHttYXNrOnVybCgjbWFzay0yXzNfKTtmaWxsOnVybCgjQ2hhcnRfMV8pO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDowLjc1O30KCS5zdDMxe2ZpbHRlcjp1cmwoI0Fkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzZfKTt9Cgkuc3QzMnttYXNrOnVybCgjbWFzay0yXzJfKTt9Cgkuc3QzM3tmaWxsOiMwMUE2RjE7fQoJLnN0MzR7ZmlsdGVyOnVybCgjQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXJfN18pO30KCS5zdDM1e21hc2s6dXJsKCNtYXNrLTJfMV8pO2ZpbGw6Izc3Nzc3ODt9Cgkuc3QzNntmaWxsOnVybCgjQmFja2dyb3VuZF8xOV8pO30KCS5zdDM3e2ZpbGw6IzJFMkUzMDt9Cgkuc3QzOHtmaWxsOiM3RjdGN0Y7fQoJLnN0Mzl7ZmlsbDojNzc3Nzc3O30KCS5zdDQwe2ZpbGw6bm9uZTt9Cgkuc3Q0MXtmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDQye2ZpbGw6dXJsKCNPdmFsXzdfKTt9Cgkuc3Q0M3tmaWx0ZXI6dXJsKCNBZG9iZV9PcGFjaXR5TWFza0ZpbHRlcl84Xyk7fQoJLnN0NDR7bWFzazp1cmwoI21hc2stM18zXyk7ZmlsbDojRkYxNDE0O30KCS5zdDQ1e2ZpbHRlcjp1cmwoI0Fkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzlfKTt9Cgkuc3Q0NnttYXNrOnVybCgjbWFzay0yXzhfKTt9Cgkuc3Q0N3tmaWxsOiMxQkFERjg7fQoJLnN0NDh7ZmlsbDojNjNEQTM4O30KCS5zdDQ5e2ZpbHRlcjp1cmwoI0Fkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzEwXyk7fQoJLnN0NTB7bWFzazp1cmwoI21hc2stMl83Xyk7fQoJLnN0NTF7ZmlsbDojQjdCN0I3O30KCS5zdDUye2ZpbHRlcjp1cmwoI0Fkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzExXyk7fQoJLnN0NTN7bWFzazp1cmwoI21hc2stMl8yNF8pO2ZpbGw6dXJsKCNSZWRfMV8pO30KCS5zdDU0e2ZpbHRlcjp1cmwoI0Fkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzEyXyk7fQoJLnN0NTV7bWFzazp1cmwoI21hc2stMl8yM18pO2ZpbGw6dXJsKCNPcmFuZ2VfMV8pO30KCS5zdDU2e2ZpbHRlcjp1cmwoI0Fkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzEzXyk7fQoJLnN0NTd7bWFzazp1cmwoI21hc2stMl8yMl8pO2ZpbGw6dXJsKCNZZWxsb3dfMV8pO30KCS5zdDU4e2ZpbHRlcjp1cmwoI0Fkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzE0Xyk7fQoJLnN0NTl7bWFzazp1cmwoI21hc2stMl8yMV8pO2ZpbGw6dXJsKCNHcmVlbl8xXyk7fQoJLnN0NjB7ZmlsdGVyOnVybCgjQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXJfMTVfKTt9Cgkuc3Q2MXttYXNrOnVybCgjbWFzay0yXzIwXyk7ZmlsbDp1cmwoI1R1cnF1b2lzZV8xXyk7fQoJLnN0NjJ7ZmlsdGVyOnVybCgjQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXJfMTZfKTt9Cgkuc3Q2M3ttYXNrOnVybCgjbWFzay0yXzE5Xyk7ZmlsbDp1cmwoI0JsdWVfMV8pO30KCS5zdDY0e2ZpbHRlcjp1cmwoI0Fkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzE3Xyk7fQoJLnN0NjV7bWFzazp1cmwoI21hc2stMl8xOF8pO2ZpbGw6dXJsKCNQdXJwbGVfMV8pO30KCS5zdDY2e2ZpbHRlcjp1cmwoI0Fkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzE4Xyk7fQoJLnN0Njd7bWFzazp1cmwoI21hc2stMl8xN18pO2ZpbGw6dXJsKCNQaW5rXzFfKTt9Cgkuc3Q2OHtmaWxsOnVybCgjQmFja2dyb3VuZF8yMF8pO30KCS5zdDY5e2ZpbGw6IzM1MzUzNTt9Cgkuc3Q3MHtmaWxsOnVybCgjU1ZHSURfM18pO30KPC9zdHlsZT48ZyBpZD0iU3ltYm9sc183XyI+PGcgaWQ9IkdyYXBoaWNzLV94MkZfLUFwcC1JY29ucy1feDJGXy1TdG9ja3MtIj48ZyBpZD0iU3RvY2tzLUljb24iPjxnIGlkPSJCYWNrZ3JvdW5kXzhfIj48cGF0aCBjbGFzcz0ic3QyOCIgZD0iTTYzLjQsNS43YzguOSwwLDEzLjMsMCwxOC4xLDEuNWM1LjIsMS45LDkuMyw2LDExLjIsMTEuMmMxLjUsNC44LDEuNSw5LjIsMS41LDE4LjF2MjYuOCAgICAgIGMwLDguOSwwLDEzLjMtMS41LDE4LjFjLTEuOSw1LjItNiw5LjMtMTEuMiwxMS4yYy00LjgsMS41LTkuMiwxLjUtMTguMSwxLjVIMzYuNmMtOC45LDAtMTMuMywwLTE4LjEtMS41ICAgICAgYy01LjItMS45LTkuMy02LTExLjItMTEuMmMtMS41LTQuOC0xLjUtOS4yLTEuNS0xOC4xVjM2LjZjMC04LjksMC0xMy4zLDEuNS0xOC4xYzEuOS01LjIsNi05LjMsMTEuMi0xMS4yICAgICAgYzQuOC0xLjUsOS4yLTEuNSwxOC4xLTEuNUg2My40eiIgaWQ9InBhdGgtMV84XyIvPjwvZz48ZGVmcz48ZmlsdGVyIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaGVpZ2h0PSI2My45IiBpZD0iQWRvYmVfT3BhY2l0eU1hc2tGaWx0ZXIiIHdpZHRoPSI5MC41IiB4PSI0LjYiIHk9IjMxLjQiPjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIxIDAgMCAwIDAgIDAgMSAwIDAgMCAgMCAwIDEgMCAwICAwIDAgMCAxIDAiLz48L2ZpbHRlcj48L2RlZnM+PG1hc2sgaGVpZ2h0PSI2My45IiBpZD0ibWFzay0yXzNfIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iOTAuNSIgeD0iNC42IiB5PSIzMS40Ij48ZyBjbGFzcz0ic3QyIj48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNjMuNCw1LjdjOC45LDAsMTMuMywwLDE4LjEsMS41YzUuMiwxLjksOS4zLDYsMTEuMiwxMS4yYzEuNSw0LjgsMS41LDkuMiwxLjUsMTguMXYyNi44ICAgICAgIGMwLDguOSwwLDEzLjMtMS41LDE4LjFjLTEuOSw1LjItNiw5LjMtMTEuMiwxMS4yYy00LjgsMS41LTkuMiwxLjUtMTguMSwxLjVIMzYuNmMtOC45LDAtMTMuMywwLTE4LjEtMS41ICAgICAgIGMtNS4yLTEuOS05LjMtNi0xMS4yLTExLjJjLTEuNS00LjgtMS41LTkuMi0xLjUtMTguMVYzNi42YzAtOC45LDAtMTMuMywxLjUtMTguMWMxLjktNS4yLDYtOS4zLDExLjItMTEuMiAgICAgICBjNC44LTEuNSw5LjItMS41LDE4LjEtMS41SDYzLjR6IiBpZD0icGF0aC0xXzRfIi8+PC9nPjwvbWFzaz48bGluZWFyR3JhZGllbnQgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg2MC44MzA2IDAgMCAtNDIuMzQ2OCA0MTI3LjgyNDIgMjY2MzYuNDkyMikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iQ2hhcnRfMV8iIHgxPSItNjcuMDM3OSIgeDI9Ii02Ny4wMzc5IiB5MT0iNjI4LjI0MSIgeTI9IjYyNi43NjUiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzQ1NDU0NSIvPjxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzExMTExMiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggY2xhc3M9InN0MzAiIGQ9Ik01LDU2YzAsMCwyLjYsMCw1LjMsMC45YzIuMywwLjcsNC43LDIuNCw2LjEsMi4zYzMtMC4yLDYuMS0xLjIsNi4xLTEuMmw1LjYtNy4zbDUuMyw0LjUgICAgIGw1LjYtMTMuMWw1LjQsMTQuM2w2LjEsMy43bDUuNS05LjhsNS4zLTEuNGw1LjctMTYuNGw1LjUsMTMuNGw1LjYtMy43TDgzLjYsNTNsNS4zLTEyLjFsNS45LTYuMVY5NUg1LjJMNSw1NnoiIGlkPSJDaGFydCIvPjxkZWZzPjxmaWx0ZXIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBoZWlnaHQ9Ijk1LjIiIGlkPSJBZG9iZV9PcGFjaXR5TWFza0ZpbHRlcl8xXyIgd2lkdGg9IjYuNiIgeD0iNjMuMyIgeT0iMy41Ij48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMSAwIDAgMCAwICAwIDEgMCAwIDAgIDAgMCAxIDAgMCAgMCAwIDAgMSAwIi8+PC9maWx0ZXI+PC9kZWZzPjxtYXNrIGhlaWdodD0iOTUuMiIgaWQ9Im1hc2stMl8yXyIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgd2lkdGg9IjYuNiIgeD0iNjMuMyIgeT0iMy41Ij48ZyBjbGFzcz0ic3QxMyI+PHBhdGggY2xhc3M9InN0MyIgZD0iTTYzLjQsNS43YzguOSwwLDEzLjMsMCwxOC4xLDEuNWM1LjIsMS45LDkuMyw2LDExLjIsMTEuMmMxLjUsNC44LDEuNSw5LjIsMS41LDE4LjF2MjYuOCAgICAgICBjMCw4LjksMCwxMy4zLTEuNSwxOC4xYy0xLjksNS4yLTYsOS4zLTExLjIsMTEuMmMtNC44LDEuNS05LjIsMS41LTE4LjEsMS41SDM2LjZjLTguOSwwLTEzLjMsMC0xOC4xLTEuNSAgICAgICBjLTUuMi0xLjktOS4zLTYtMTEuMi0xMS4yYy0xLjUtNC44LTEuNS05LjItMS41LTE4LjFWMzYuNmMwLTguOSwwLTEzLjMsMS41LTE4LjFjMS45LTUuMiw2LTkuMywxMS4yLTExLjIgICAgICAgYzQuOC0xLjUsOS4yLTEuNSwxOC4xLTEuNUg2My40eiIgaWQ9InBhdGgtMV8zXyIvPjwvZz48L21hc2s+PGcgY2xhc3M9InN0MzIiIGlkPSJMaW5lIj48Zz48cGF0aCBkPSJNNjYuOSwyOS40VjMuNWgtMC43djI1LjhjMC4xLDAsMC4yLDAsMC40LDBTNjYuOCwyOS40LDY2LjksMjkuNHogTTY2LjksMzcuNXY2MS4zaC0wLjdWMzcuNSAgICAgICBjMC4xLDAsMC4yLDAsMC40LDBTNjYuOCwzNy41LDY2LjksMzcuNXogTTY2LjYsMzYuN2MtMS44LDAtMy4zLTEuNS0zLjMtMy4zczEuNS0zLjMsMy4zLTMuM2MxLjgsMCwzLjMsMS41LDMuMywzLjMgICAgICAgUzY4LjQsMzYuNyw2Ni42LDM2Ljd6IiBpZD0icGF0aC00XzE2XyIvPjwvZz48Zz48cGF0aCBjbGFzcz0ic3QzMyIgZD0iTTY2LjksMjkuNFYzLjVoLTAuN3YyNS44YzAuMSwwLDAuMiwwLDAuNCwwUzY2LjgsMjkuNCw2Ni45LDI5LjR6IE02Ni45LDM3LjV2NjEuM2gtMC43ICAgICAgIFYzNy41YzAuMSwwLDAuMiwwLDAuNCwwUzY2LjgsMzcuNSw2Ni45LDM3LjV6IE02Ni42LDM2LjdjLTEuOCwwLTMuMy0xLjUtMy4zLTMuM3MxLjUtMy4zLDMuMy0zLjNjMS44LDAsMy4zLDEuNSwzLjMsMy4zICAgICAgIFM2OC40LDM2LjcsNjYuNiwzNi43eiIgaWQ9InBhdGgtNF8xXyIvPjwvZz48L2c+PGRlZnM+PGZpbHRlciBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGhlaWdodD0iOTUuMiIgaWQ9IkFkb2JlX09wYWNpdHlNYXNrRmlsdGVyXzJfIiB3aWR0aD0iNjcuOSIgeD0iMTYiIHk9IjMuNSI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjEgMCAwIDAgMCAgMCAxIDAgMCAwICAwIDAgMSAwIDAgIDAgMCAwIDEgMCIvPjwvZmlsdGVyPjwvZGVmcz48bWFzayBoZWlnaHQ9Ijk1LjIiIGlkPSJtYXNrLTJfMV8iIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHdpZHRoPSI2Ny45IiB4PSIxNiIgeT0iMy41Ij48ZyBjbGFzcz0ic3QxOSI+PHBhdGggY2xhc3M9InN0MyIgZD0iTTYzLjQsNS43YzguOSwwLDEzLjMsMCwxOC4xLDEuNWM1LjIsMS45LDkuMyw2LDExLjIsMTEuMmMxLjUsNC44LDEuNSw5LjIsMS41LDE4LjF2MjYuOCAgICAgICBjMCw4LjksMCwxMy4zLTEuNSwxOC4xYy0xLjksNS4yLTYsOS4zLTExLjIsMTEuMmMtNC44LDEuNS05LjIsMS41LTE4LjEsMS41SDM2LjZjLTguOSwwLTEzLjMsMC0xOC4xLTEuNSAgICAgICBjLTUuMi0xLjktOS4zLTYtMTEuMi0xMS4yYy0xLjUtNC44LTEuNS05LjItMS41LTE4LjFWMzYuNmMwLTguOSwwLTEzLjMsMS41LTE4LjFjMS45LTUuMiw2LTkuMywxMS4yLTExLjIgICAgICAgYzQuOC0xLjUsOS4yLTEuNSwxOC4xLTEuNUg2My40eiIgaWQ9InBhdGgtMV8yXyIvPjwvZz48L21hc2s+PHBhdGggY2xhc3M9InN0MzUiIGQ9Ik0xNiwzLjVoMC43djk1LjJIMTZWMy41eiBNMzMsMy41aDAuN3Y5NS4ySDMzVjMuNXogTTUwLDMuNWgwLjd2OTUuMkg1MFYzLjV6IE04My4yLDMuNWgwLjcgICAgIHY5NS4yaC0wLjdWMy41eiIgaWQ9IkxpbmVzIi8+PC9nPjwvZz48L2c+PC9zdmc+">
        Market
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
          <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Add</a>
        </li>
        <!-- <li class="nav-item">
          <a class="nav-link disabled" href="#">Disabled</a>
        </li> -->
      </ul>
    </div>
  </nav>
<br/>


<div class="container-fluid">


    <div class="card">

        <div class="card bg-dark text-white">
           <app-date [dateSelected]='dateInitial' (notifyDate)='onNotifyDate($event)'></app-date>
         </div>
       </div>

  <div id="accordion">
    <div class="card">
      <div class="card bg-dark text-white">
        <app-summary [dateInputWeek]='dateInitial'></app-summary>
    </div>
    </div>


    <div class="card">
        <div class="card bg-dark text-white">
          <app-pie-chart></app-pie-chart>
      </div>
      </div>


   </div>
</div>

{{model | json }}

<router-outlet></router-outlet>