snapcraft.io/templates/store/snap-details/_report_snap_modal.html at 6103e879950744db993e5bbd9cf13fa5d739e22e · canonical/snapcraft.io · 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
<div class="p-modal u-hide" id="report-snap-modal">
  <div class="p-modal__dialog" role="dialog" aria-labelledby="modal-title" aria-describedby="modal-description">
    <div class="js-report-snap-form">
      <header class="p-modal__header">
        <h2 class="p-modal__title" id="modal-title">Report {{snap_title}} for a Snap Store violation</h2>
        <button class="p-modal__close js-modal-close" aria-label="Close dialog">Close</button>
      </header>

      {# report snap form submits to the app endpoint #}
      <form id="report-snap-form" action="/report" method="POST">
        <input name="csrf_token" type="hidden" value="{{csrf_token()}}" />
        <input type="hidden" name="snap_name" value="{{package_name}}" />
        <div class="p-notification--negative">
          <div class="p-notification__content">
            <h5 class="p-notification__title">
              Reports submitted through this form go to the Snap team, not the Snap Developer.
            </h5>
            {% if links and links["contact"] %}
              <p class="p-notification__message">
                The Snap developer has provided the following <b>contact information</b>:</p>
              <ul>
                {% if links["contact"] %}
                  {% for link in links["contact"] %}
                    <li><a href="{{link}}" target="_blank" rel="noopener">{{ format_link(link) }}</a></li>
                  {% endfor %}
                {% endif %}
              </ul>
            {% endif %}
            {% if links and links["issues"] %}
              <p class="p-notification__message">
                The Snap developer has provided the following links for <b>reporting issues</b>:</p>
              <ul>
                {% if links["issues"] %}
                  {% for link in links["issues"] %}
                    <li><a href="{{link}}" target="_blank" rel="noopener">{{ format_link(link) }}</a></li>
                  {% endfor %}
                {% endif %}
              </ul>
            {% endif %}
          </div>
        </div>
        <label for="report-snap-reason">Choose a reason for reporting this snap</label>
        <select id="report-snap-reason" name="reason" required>
          <option value="" selected>Select an option</option>
          <option value="Copyright or trademark violation">Copyright or trademark violation</option>
          <option value="Snap Store terms of service violation">Snap Store terms of service violation</option>
        </select>
        <label for="report-snap-comment">Please provide more detailed reason to your report</label>
        <textarea id="report-snap-comment" type="text" name="comment" placeholder="Comment..." rows="5" maxlength="1000" required></textarea>

        <label for="report-snap-email">Your email (optional)</label>
        <input id="report-snap-email" type="email" name="email" placeholder="email@example.com" />
        <label for="report-snap-confirm" style="position: absolute; top: -9999999px;">I agree</label>
        <input id="report-snap-confirm" type="checkbox" name="confirm" style="position: absolute; top: -9999999px;" />
        <p>In submitting this form, I confirm that I have read and agree to <a href="https://ubuntu.com/legal/data-privacy/contact">Canonical’s Privacy Notice</a> and <a href="https://ubuntu.com/legal/data-privacy">Privacy Policy</a>.</p>
        <div class="u-align--right">
          <button type="button" class="js-modal-close u-no-margin--bottom">Cancel</button>
          {# use --dark fake class for spinner icon to be rendered correctly... #}
          <button type="submit" type="submit" class="--dark u-no-margin--bottom">Submit report</button>
        </div>
      </form>
    </div>

    <div class="js-report-snap-success u-hide">
      <header class="p-modal__header">
        <h2 class="p-modal__title" id="modal-title">Snap Store Violation Report submitted successfully</h2>
        <button class="p-modal__close js-modal-close" aria-label="Close dialog">Close</button>
      </header>
      <p>Thank you for your report. Information you provided will help us investigate further.</p>
      <div class="u-align--right">
        <button type="button" class="p-button--positive js-modal-close u-no-margin--bottom">Close</button>
      </div>
    </div>

    <div class="js-report-snap-error u-hide">
      <header class="p-modal__header">
        <h2 class="p-modal__title" id="modal-title">Error submitting report</h2>
        <button class="p-modal__close js-modal-close u-no-margin--bottom" aria-label="Close dialog">Close</button>
      </header>
      <p>There was an error while sending your report. Please try again later.</p>
      <div class="u-align--right">
        <button type="button" class="p-button--positive js-modal-close u-no-margin--bottom">Close</button>
      </div>
    </div>
  </div>
</div>