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>