iaux/www/ia-topnav/index.html at 371c364abf9ef27ace096995b488b4a535d39aeb · internetarchive/iaux · 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
<link
  rel="stylesheet"
  href="https://archive.org/includes/build/css/archive.min.css"
/>

<script type="importmap">
  {
    "imports": {
      "@internetarchive/ia-wayback-search": "../ia-wayback-search/src/ia-wayback-search.js"
    }
  }
</script>

<a href="#maincontent" id="skip-to-main-content-link" tabindex="1"
  >Skip to main content</a
>
<script type="module" src="./src/ia-topnav.js"></script>

<ia-topnav></ia-topnav>

<center>
  <h1>demo</h1>

  <button
    onclick="document.querySelector('ia-topnav').setAttribute('screenname', 'brewster'); document.querySelector('ia-topnav').setAttribute('username', '@brewster')"
  >
    switch username to brewster
  </button>
  <br />
  <button
    onclick="document.querySelector('ia-topnav').setAttribute('screenname', 'a😊b😊c😊d😊e😊f😊g😊h😊i😊'); document.querySelector('ia-topnav').setAttribute('username', '@test')"
  >
    switch username to a😊b😊c😊d😊e😊f😊g😊h😊i😊
  </button>
  <br />
  <button
    onclick="document.querySelector('ia-topnav').setAttribute('screenname', 'الدكتور محمالدكتور محمد العجوز محمالدكتور محمد العجوز'); document.querySelector('ia-topnav').setAttribute('username', '@test')"
  >
    switch username to محمالدكتور محمد العجوز الدكتور محمالدكتور محمد العجوز
  </button>
  <br />
  <br />
  <button
    onclick="document.querySelector('ia-topnav').removeAttribute('username')"
  >
    switch to un-logged-in
  </button>

  <hr />

  <button
    onclick="document.querySelector('ia-topnav').setAttribute('localLinks', false)"
  >
    switch localLinks false (change to https://archive.org)
  </button>
  <br />
  <button
    onclick="document.querySelector('ia-topnav').removeAttribute('localLinks')"
  >
    switch to localLinks (default, change links to start with /)
  </button>

  <hr />
  <button
    onclick="document.querySelector('ia-topnav').setAttribute('waybackPagesArchived', 'many, MAAAANNNY')"
  >
    change WB pages count
  </button>

  <hr />
  <button
    onclick="document.querySelector('ia-topnav').setAttribute('hideSearch', true)"
  >
    HIDE Top Row Search button, like on mobile
  </button>
  <button
    onclick="document.querySelector('ia-topnav').removeAttribute('hideSearch')"
  >
    SHOW Top Row Search button, like on mobile
  </button>
</center>