link_box.html 5.24 KB
Newer Older
1
{% load go_extras %} {% load qr_tags %}
2

Chris Reffett's avatar
Chris Reffett committed
3
<style>
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
    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;
    }
Chris Reffett's avatar
Chris Reffett committed
39 40
</style>

41
<div class="container">
42 43 44 45
    <div class="col-md-8">
        <h3>Go Address:</h3>
        <a href="{{domain}}{{url.short}}">{{domain}}{{url.short}}</a>
        <br></br>
Chris Reffett's avatar
Chris Reffett committed
46

47 48
        <h3>Address Details:</h3>
        <strong>Target URL:</strong>
David Haynes's avatar
David Haynes committed
49 50
        <br />
        <a href="{{url.target}}">{{url.target}}</a>
51 52 53 54 55 56 57
        <br /> {% 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}}
David Haynes's avatar
David Haynes committed
58
        <br />
Chris Reffett's avatar
Chris Reffett committed
59

60 61 62 63 64
        <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}}">
Zosman's avatar
Zosman committed
65
        <i class="fa fa-trash-o fa-lg"></i> Delete</a> -->
66

67
        <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
68 69
        release of Go. If you'd like to check that progress or potentially
        contribute code, head to git.gmu.edu/srct/go">
70
            <i class="fa fa-cog"></i> Edit</a>
71

72 73
        <div id="deletionModal" class="modal fade" role="dialog" tabindex="-1">
            <div class="modal-dialog">
Zosman's avatar
Zosman committed
74

75 76 77 78 79
                <!-- 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">
80 81
                        <i class="fa fa-circle fa-stack-2x"></i>
                        <i class="fa fa-times fa-stack-1x fa-inverse"></i>
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
                      </span> -->
                        <h4 class="modal-title fa 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>
                </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>
118 119 120
        <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>
121 122
        </pre> {% endwith %} {% endwith %}
    </div>
123
</div>
124 125

<script>
126 127 128 129 130 131
    $(function() {
        var option = {
            'trigger': 'hover'
        };
        $('[data-toggle="popover"]').popover(option)
    })
132
</script>