aboutsummaryrefslogtreecommitdiff
path: root/templates/partials/_left_sidebar.html
blob: 804b80adee4c5363cfdc4ae4caf7b16f8406ed4e (plain)
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
{% load static %}
<div class="left-sidebar" {% if user.is_authenticated %}style="top: -34px;"{% endif %}>
<link rel="stylesheet" href="{% static 'css/shared/login-area.css' %}" />
{% if request.LANGUAGE_CODE == 'ja' %}
  <link rel="stylesheet" href="{% static 'css/ja/login-area.css' %}" />
{% else %}
  <link rel="stylesheet" href="{% static 'css/en/login-area.css' %}" />
{% endif %}
  {% if not user.is_authenticated %}
  {% for message in messages %}
  {% if 'loginError' in message.tags %}
    <div id="login-error">
      <div class="messageBox {{message.message}}"></div>
    </div>
  {% endif %}
  {% endfor %}
    <div id="login-area">
      <form method="post" action="{% url 'auth:login' %}" id="login-form">
        <input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}" />
        <input type="text" id="username" name="username" placeholder="{% if request.LANGUAGE_CODE == 'ja' %}ユーザー名{% else %}Username{% endif %}" autocomplete="off" value="{{ request.GET.username }}" />
        <input type="password" id="password" name="password" placeholder="{% if request.LANGUAGE_CODE == 'ja' %}パスワード{% else %}Password{% endif %}" autocomplete="off" />
        <input type="hidden" name="next" value="{% if request.GET.next %}{{ request.GET.next }}{% else %}{{ request.path }}{% endif %}" />
        <input type="submit" value="" />
      </form>
      <a href="#" id="register-now-button"></a>
      <a href="#" id="forgot-password-button"></a>
    </div>
  {% else %}
    <div id="user-area">
      <h2 class="user-title">{% if request.LANGUAGE_CODE == 'ja' %}こんにちは、{{ user.username }}さん{% else %}Hello, {{ user.username }}{% endif %}</h2>
      <div class="user-avatar">
        <img src="{% static 'images/avatars/' %}{{ user.profile.avatar_url }}.gif" alt="{{ user.username }}'s avatar" />
      </div>
      <div class="user-items-container">
        <div class="user-item">
          <img src="{% static 'images/core/icons/journals.png' %}" alt="Journals Icon" />
          <a href="{% url "core:my_journals" %}">{% if request.LANGUAGE_CODE == 'ja' %}ジャーナル{% else %}Journals{% endif %}</a>
        </div>
        <div class="user-item">
          <img src="{% static 'images/core/icons/pagodarealm.png' %}" alt="The Pagoda Realm Icon" />
          <a href="{% url "pagoda:home" %}">{% if request.LANGUAGE_CODE == 'ja' %}パゴダレルム{% else %}The Pagoda Realm{% endif %}</a>
        </div>
        <div class="user-item">
          <img src="{% static 'images/core/icons/mypage.png' %}" alt="My Page Icon" />
          <a href="#mypage">{% if request.LANGUAGE_CODE == 'ja' %}マイページ{% else %}My Page{% endif %}</a>
        </div>
        <div class="user-item">
          <img src="{% static 'images/core/icons/logout.png' %}" alt="Logout Icon" />
          <a href="{% url 'auth:logout' %}">{% if request.LANGUAGE_CODE == 'ja' %}ログアウト{% else %}Logout{% endif %}</a>
        </div>
      </div>
    </div>
  {% endif %}

  <div class="navigation-links">
    <div class="navigation-title-container">
      {% comment %} {% if request.LANGUAGE_CODE == 'ja' %}
        <img src="{% static 'images/core/messages/texts/navigation_ja.png' %}" alt="ナビゲーション" class="navigation-title" />
      {% else %}
        <img src="{% static 'images/core/messages/texts/navigation_en.gif' %}" alt="Navigation" class="navigation-title" />
      {% endif %} {% endcomment %}
      <h1 class="navigation-title">
        {% if request.LANGUAGE_CODE == 'ja' %}ナビゲーション{% else %}Navigation{% endif %}
      </h1>
    </div>
    <div class="navigation-items-container">
      <div class="navigation-item">
        <img src={% static 'images/core/icons/home.png' %} alt="Home Icon" />
        <a href="{% url "core:home" %}">{% if request.LANGUAGE_CODE == 'ja' %}ホーム{% else %}Home{% endif %}</a>
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/journalofrandomthoughts.png' %}" alt="Journal of Random Thoughts Icon" />
        <a href="{% url "journal:journal_of_random_thoughts" %}">{% if request.LANGUAGE_CODE == 'ja' %}ランダム思考のジャーナル{% else %}Journal of Random Thoughts{% endif %}</a>
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/weblog.gif' %}" alt="Weblog Icon" />
        <a href="#weblog">{% if request.LANGUAGE_CODE == 'ja' %}ウェブログ{% else %}Weblog{% endif %}</a>
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/shrines.png' %}" alt="Shrines Icon" />
        <a href="#shrines">{% if request.LANGUAGE_CODE == 'ja' %}神社{% else %}Shrines{% endif %}</a>
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/screenshots.png' %}" alt="Screenshots Icon" />
        <a href="#screenshots">{% if request.LANGUAGE_CODE == 'ja' %}スクリーンショット{% else %}Screenshots{% endif %}</a>
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/chatrooms.png' %}" alt="Chatrooms Icon" />
        <a href="#chatrooms">{% if request.LANGUAGE_CODE == 'ja' %}チャットルーム{% else %}Chatrooms{% endif %}</a>
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/guestbook.png' %}" alt="Guestbook Icon" />
        <a href="#guestbook">{% if request.LANGUAGE_CODE == 'ja' %}ゲストブック{% else %}Guestbook{% endif %}</a>
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/preferences.png' %}" alt="Site Preferences Icon" />
        <a href="#preferences">{% if request.LANGUAGE_CODE == 'ja' %}サイトの設定{% else %}Site Preferences{% endif %}</a>
      </div>
      <div class="navigation-item">
        {% if not user.is_authenticated %}
          <img src="{% static 'images/core/icons/registeraccount.png' %}" alt="Register Account Icon" />
          <a href="#register">{% if request.LANGUAGE_CODE == 'ja' %}アカウント登録{% else %}Register Account{% endif %}</a>
        {% else %}
          <img src="{% static 'images/core/icons/useraccount.png' %}" alt="My Account Icon" />
          <a href="#account">{% if request.LANGUAGE_CODE == 'ja' %}マイアカウント{% else %}My Account{% endif %}</a>
        {% endif %}
      </div>


      <div class="navigation-item {% if request.LANGUAGE_CODE == 'ja' %}en{% else %}ja{% endif %}">
        <img src="{% static 'images/core/icons/changelanguage.png' %}" alt="Change Language Icon" />
        <a href="javascript:void(0);" onclick="changeLanguage({% if request.LANGUAGE_CODE == 'ja' %}'en'{% else %}'ja'{% endif %})">
          {% if request.LANGUAGE_CODE == 'ja' %}English (英語){% else %}日本語 (Japanese){% endif %}
        </a>
      </div>
    </div>
  </div>

  <div id="search-area">
    <form action="#" method="get" id="search-form">
      <input
        type="text"
        name="q"
        placeholder="{% if request.LANGUAGE_CODE == 'ja' %}検索{% else %}Search{% endif %}"
        autocomplete="off"
        value="{{ request.GET.q }}"
        required
      />
    </form>
  </div>
  <div class="navigation-links">
    <div class="navigation-title-container">
      <h1 class="navigation-title">{% if request.LANGUAGE_CODE == 'ja' %}おすすめ{% else %}The Good Stuff{% endif %}</h1>
    </div>
    <div class="navigation-items-container">
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/calendar.png' %}" alt="Calendar Icon" />
        <a href="#calendar">{% if request.LANGUAGE_CODE == 'ja' %}ブログカレンダー{% else %}Post Calendar{% endif %}</a>
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/anime.png' %}" alt="Anime Icon" />
        <a href="{% url "anime:home" %}">{% if request.LANGUAGE_CODE == 'ja' %}アニメ配信{% else %}Anime Streams{% endif %}</a>
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/matrix.png' %}" alt="The Matrix Icon" />
        <a href="#matrix">{% if request.LANGUAGE_CODE == 'ja' %}ザ・マトリックス{% else %}The Matrix{% endif %}</a>
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/rss.png' %}" alt="RSS Icon" />
        <a href="#rss">{% if request.LANGUAGE_CODE == 'ja' %}RSSフィード{% else %}RSS Feed{% endif %}</a>
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/marketplace.png' %}" alt="Marketplace Icon" />
        <a href="#marketplace">{% if request.LANGUAGE_CODE == 'ja' %}マーケットプレイス{% else %}Marketplace{% endif %}</a>
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/discussions.png' %}" alt="Discussions Icon" />
        <a href="#discussions">{% if request.LANGUAGE_CODE == 'ja' %}ディスカッション{% else %}Discussions{% endif %}</a>
      </div>
    </div>
  </div>

  <div class="pamphlet pamphlet-big"></div>

  <div class="navigation-links">
    <div class="navigation-title-container">
      <h1 class="navigation-title">{% if request.LANGUAGE_CODE == 'ja' %}サイトの魔法{% else %}Site Spells{% endif %}</h1>
    </div>
    <div class="navigation-items-container">
      <div class="navigation-item">
        {% if request.COOKIES.summonOneko == 'true' %}
          <img src="{% static 'images/core/icons/withdraw_oneko.gif' %}" alt="Withdraw Oneko Icon" />
          <a href="javascript:void(0);" onclick="document.cookie = 'summonOneko=false;path=/';location.reload();">{% if request.LANGUAGE_CODE == 'ja' %}おねこを引っ込める{% else %}Withdraw Oneko{% endif %}</a>
        {% else %}
          <img src="{% static 'images/core/icons/summon_oneko.gif' %}" alt="Summon Oneko Icon" />
          <a href="javascript:void(0);" onclick="document.cookie = 'summonOneko=true;path=/';location.reload();">{% if request.LANGUAGE_CODE == 'ja' %}おねこを召喚{% else %}Summon Oneko{% endif %}</a>
        {% endif %}
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/harlemshake.gif' %}" alt="Harlem Shake Icon" />
        <a href="javascript:harlemShakeAndBake();">{% if request.LANGUAGE_CODE == 'ja' %}ハーレムシェイク{% else %}Harlem Shake{% endif %}</a>
      </div>
      <div class="navigation-item">
        <img src="{% static 'images/core/icons/dvd.png' %}" alt="DVD Sitesaver Icon" />
        <a href="javascript:dvdSitesaver();">{% if request.LANGUAGE_CODE == 'ja' %}DVDサイトセーバー{% else %}DVD Sitesaver{% endif %}</a>
      </div>
    </div>
  </div>

  {% if user.is_staff or user.is_superuser %}
    <div class="navigation-links">
      <div class="navigation-title-container">
        <h1 class="navigation-title">{% if request.LANGUAGE_CODE == 'ja' %}アドミンアレア{% else %}Admin Area{% endif %}</h1>
      </div>
      <div class="navigation-items-container">
        <div class="navigation-item">
          <img src="{% static 'images/core/gifs/right_hand.gif' %}" alt="Manage Announcements Icon" />
          <a href="#manage-announcements">{% if request.LANGUAGE_CODE == 'ja' %}アナウンスメント管理{% else %}Manage Announcements{% endif %}</a>
        </div>
        <div class="navigation-item">
          <img src="{% static 'images/core/gifs/right_hand.gif' %}" alt="Manage Users Icon" />
          <a href="#manage-users">{% if request.LANGUAGE_CODE == 'ja' %}ユーザー管理{% else %}Manage Users{% endif %}</a>
        </div>
        <div class="navigation-item">
          <img src="{% static 'images/core/gifs/right_hand.gif' %}" alt="Manage Storage Buckets Icon" />
          <a href="{% url "administration:manage_storage_buckets" %}">{% if request.LANGUAGE_CODE == 'ja' %}ストレージバケット管理{% else %}Manage Storage Buckets{% endif %}</a>
        </div>
      </div>
    </div>
  {% endif %}
  <p class="sidebar-credits">
    This website uses cookies and there's nothing you can do about it!
  </p>
</div>

<script>
  function changeLanguage(language) {
    document.cookie = `site_language=${language};path=/`;
    location.reload();
  }
</script>