link_box.html.orig 8.36 KB
Newer Older
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
{% load go_extras %}
{% load qr_tags %}

<style>
    a.share:link {
        color: #000000;
    }

    a.share:visited {
        color: #000000;
    }

    a.share:hover {
        color: #000000;
    }

    a.share {
        text-decoration: none;
    }

    a.button:link {
        color: #FFF;
    }

    a.button:visited {
        color: #FFF;
    }

    a.button:hover {
        color: #FFF;
    }

    legend {
        font-size: inherit;
    }

    pre {
        font-family: inherit;
    }
</style>

<div class="container">
    <div class="col-md-8">
        <h3>Go Address:</h3>
        <div id="link-container" class="input-group">
            <a id="link" class="form-control" href="{{domain}}{{url.short}}">
                {{domain}}{{url.short}}
            </a>
            <div id="button-container" class="input-group-addon">
                <button id="copy-button" type="button" class="button btn btn-default btn-xs fa" role="button"
                data-clipboard-target="#link" title="Copy to Clipboard">
                    <i id="clipboard-icon" class="fa fa-clipboard fa-1g" aria-hidden="true"></i>
                </button>
            </div>
        </div>

        <br></br>

        <h3>Address Details:</h3>
        <strong>Target URL:</strong>
        <br />
        <a href="{{url.target}}">{{url.target}}</a>
        <br />
<<<<<<< HEAD
        <strong>Social Media Clicks:</strong> {{url.socialclicks}}
        <br />

        <strong>Expires:</strong> {{url.expires|default_if_none:"Never"}}
        <br></br>
        <a class="button btn btn-danger btn-sm fa" data-target="#deletionModal" data-toggle="modal">
            <i class="fa fa-trash-o fa-lg"></i> Delete</a>
        <!-- <a class="button btn btn-danger btn-sm fa" href="{{domain}}delete/{{url.short}}">
        <i class="fa fa-trash-o fa-lg"></i> Delete</a> -->

        <a tabindex="0" class="button btn btn-info btn-sm fa" role="button" data-toggle="popover" title="Not Implemented Quite Yet :(" data-content="We are working on adding this feature in a future
        release of Go. If you'd like to check that progress or potentially
        contribute code, head to git.gmu.edu/srct/go">
            <i class="fa fa-cog"></i> Edit</a>

        <div id="deletionModal" class="modal fade" role="dialog" tabindex="-1">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content" style="background-color:#f5f5f5; border-radius: 7px">
                    <div class="modal-header" style="text-align:center;">
                        <h4 class="modal-title  text-center" style="font-weight:bold; font-size: 21px !important;">Are you sure you would like to delete this link?</h4>
                        <h6 style="font-weight:500; margin-top: 0px; margin-bottom: 0px;">Deleting a link is permenant and can not be undone!</h6>
                    </div>
                    <div class="modal-body" style="padding-bottom: 80px">
                        <a type="button" class="btn btn-success btn-lg" style="border-width: 0px;float:left; width:49%; background-color: #A9B0AD; color: #ffffff; border-radius: 4px;" data-dismiss="modal">Cancel</a>
                        <a type="button" class="btn btn-danger btn-lg" href="{{domain}}delete/{{url.short}}" style="border-width: 0px; float:right; width:49%;background-color: #AC1D37; color: #ffffff; border-radius: 4px;">Delete</a>
=======
        {% if url.owner == request.user.registereduser and request.user.registereduser.approved == True %}
            <strong>Clicks:</strong> {{url.clicks}}
            <br />
            <strong>QR Code Uses:</strong> {{url.qrclicks}}
            <br />
            <strong>Social Media Clicks:</strong> {{url.socialclicks}}
            <br />

            <strong>Expires:</strong> {{url.expires|default_if_none:"Never"}}

            <br></br>

            <a class="button btn btn-danger btn-sm fa" data-target="#deletionModal" data-toggle="modal">
                <i class="fa fa-trash-o fa-lg"></i> Delete
            </a>
            <!-- <a class="button btn btn-danger btn-sm fa" href="{{domain}}delete/{{url.short}}">
            <i class="fa fa-trash-o fa-lg"></i> Delete</a> -->

            <a tabindex="0" class="button btn btn-info btn-sm fa" role="button" data-toggle="popover" title="Not Implemented Quite Yet :(" data-content="We are working on adding this feature in a future
            release of Go. If you'd like to check that progress or potentially
            contribute code, head to git.gmu.edu/srct/go">
                <i class="fa fa-cog"></i> Edit
            </a>

            <div id="deletionModal" class="modal fade" role="dialog" tabindex="-1">
                <div class="modal-dialog">

                    <!-- Modal content-->
                    <div class="modal-content" style="background-color:#f5f5f5; border-radius: 7px">
                        <div class="modal-header" style="text-align:center;">
                            <!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
                            <!-- <span class="fa-stack fa-fw">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-times fa-stack-1x fa-inverse"></i>
                          </span> -->
                            <h4 class="modal-title text-center" style="font-weight:bold; font-size: 21px !important;">Are you sure you would like to <color style="color:red">delete</color> this link?</h4>
                            <h5 style="color:red;font-weight:500;margin-top: 0px;margin-bottom: 0px;">Deleting a link is permenant and can not be undone!</h5>
                        </div>
                        <div class="modal-body" style="padding-bottom: 80px">
                            <a type="button" class="btn btn-success btn-lg" style="border-width: 0px;float:left; width:49%; background-color: #A9B0AD; border-radius: 4px;" data-dismiss="modal">Cancel</a>
                            <a type="button" class="btn btn-danger btn-lg" href="{{domain}}delete/{{url.short}}" style="border-width: 0px; float:right; width:49%;background-color: #AC1D37; border-radius: 4px;">Delete</a>
                        </div>
>>>>>>> a759f3b8a54b85e4e13208266ac5d194604279a8
                    </div>

                </div>
            </div>

        {% endif %}

        <br></br>

    </div>

    <div class="col-md-4">
        {% with domain|add:url.short as the_url %}
            {% with the_url|add:"?qr" as qr_url%}
              {% qr_from_text qr_url 's' %}
            {% endwith %}

            {% with the_url|add:"?social" as social_url %}
              <a class="share" href="http://twitter.com/share?url={{ social_url }}" target="_blank" title="Share via Twitter">
                <i class="fa fa-twitter-square fa-3x"></i>
              </a>

              <a class="share" href="http://www.facebook.com/share.php?u={{ social_url }}" target="_blank" title="Share via Facebook">
                <i class="fa fa-facebook-square fa-3x"></i>
              </a>

              <a class="share" href="https://plus.google.com/share?url={{ social_url }}" target="_blank" title="Share via Google+">
                <i class="fa fa-google-plus-square fa-3x"></i>
              </a>

              <a class="share" href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{ social_url }}&amp;ro=false&amp;summary=&amp;source=" target="_blank" title="Share via LinkedIn">
                <i class="fa fa-linkedin-square fa-3x"></i>
              </a>
            {% endwith %}

            {% with the_url|add:"?qr" as qr_url %}
              <pre><strong>QR Downloads:</strong>
        <a href="http://chart.googleapis.com/chart?cht=qr&chs=268x268&chl={{ qr_url }}" target="_blank">Small (268x268)</a>
        <a href="http://chart.googleapis.com/chart?cht=qr&chs=383x383&chl={{ qr_url }}" target="_blank">Medium (383x383)</a>
        <a href="http://chart.googleapis.com/chart?cht=qr&chs=547x547&chl={{ qr_url }}" target="_blank">Large (547x547)</a>
                </pre>
            {% endwith %}
        {% endwith %}

    </div>
</div>


<link rel="stylesheet" type="text/css" href="../../static/css/style-link-box.css">
<script src="../../static/js/clipboard.min.js"></script>
<script src="../../static/js/copy.js"></script>

<script>
    $(function() {
        var option = {
            'trigger': 'hover',
        };
        $('[data-toggle="popover"]').popover(option)
    })
</script>