contact.html 4.61 KB
Newer Older
Mindiell's avatar
Mindiell committed
1
<!-- contact page -->
2 3 4 5 6
<div class="container-fluid panel panel-default pasmodal">
    <div class="row">
        <div class="col-sm-12">
        <!-- image à gauche -->    
        <div class="col-md-2 col-sm-4 hidden-xs">
7
            <img class= "img-responsive img-circle" src="static/img/base{{ @random }}.jpg" width="140px" alt="mep">
8 9 10 11 12 13 14 15 16
                <!-- infos -->
                <div class="visible-sm-block">
                    <address style="margin-top:1em;">
                        <strong>{{ _("Informations") }}</strong><br>
                    </address>
                </div>
                <!-- /infos -->
        </div>
        <!-- /image à gauche -->
17

18 19 20 21 22 23 24
        <!-- pas image -->
        <div class="col-md-10 col-sm-8">
            <div class="row">
                <!-- gauche -->
                <div class="col-md-8">
                <!-- titre -->
                <div>
nico's avatar
nico committed
25
                    <h1 class="text-center" id="name">{{ @contact.first_name }} <br class="visible-xs-block">{{ @contact.last_name }}</h1>
26 27 28 29 30 31 32
                    <!-- actions -->
                    <div class="text-center row">
                        <p class="lead text-center">
                            <abbr title="{{ _("Phone number") }}">{{ _("Phone number") }}:</abbr> <a href="tel: {{ @contact.phone }}">{{ @contact.phone }}</a>
                            <br class="visible-xs-block">

                            <button type="button" class="btn btn-default" title="{{ _("Call now") }}" data-toggle="modal" data-target="#CallModal"><span class="glyphicon glyphicon-earphone"></span></button>
33
                            <a type="button" class="btn btn-info" title="{{ _("Get more info...") }}" href="#"><span class="glyphicon glyphicon-info-sign"></span></a>
34 35 36 37 38 39 40 41 42 43 44 45 46
                            <a type="button" class="btn btn-default visible-xs-inline-block" title="{{ _("Choose someone else") }}" href="#"><span class="glyphicon glyphicon-refresh"></span></a>
                        </p>
                    </div>
                    <!-- /actions -->
                </div>
                <!-- /titre -->

                <!-- groupes -->
                <div>
                    <dl class="dl-horizontal hidden-xs" id="resume">
                    <repeat group="{{ @contact.groups }}" value="{{ @group }}">
                    <check if="{{ @group.type!='Committee' }}">
                        <dt>{{ @group.type }}:</dt>
47
                        <dd><a href="#">{{ @group.name }}</a></dd>
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
                    </check>
                    </repeat>
                    </dl>
                </div>
                <!-- /groupes -->

                <!-- committees -->
                <div>
                    <ul class="list-inline" id="committee">
                    <repeat group="{{ @contact.groups }}" value="{{ @group }}">
                    <check if="{{ @group.type=='Committee' }}">
                            <li><abbr title="{{ @group.name }}" class="initialism"><ahref="https://memopol.lqdn.fr/europe/parliament/committee/{{ @group.name }}/"><div class="well well-sm">{{ @group.name }}</div></a></abbr></li>
                    </check>
                    </repeat>
                    </ul>
                </div>
                <!-- /committees -->
                </div>
                <!-- /-- gauche -->

                <!-- droite -->
                <div class="col-md-4">
                <!-- infos -->
                <div class="hidden-xs hidden-sm text-right">
                    <address style="margin-top:1em;">
                        <strong>{{ _("Informations") }}</strong><br>
                    </address>
                </div>
                <!-- /infos -->

                <hr class="hidden-xs">

                <!-- random -->
                <div class="text-center">
                    <form class="form-inline" role="form">
83
                        <!-- <div class="form-group hidden-xs">
84 85
                            <label class="" for="country">Pays : </label>
                            <select class="form-control" name="country" id="country" onchange="$('#selcountry').submit()"><option value="">-- Toute l'Europe -- </select>
86
                        </div> --><!-- /form-group -->
87 88 89 90 91 92 93 94 95 96 97 98 99 100
                        <button type="submit" class="btn btn-default hidden-xs" title="Choisir un autre député"><span class="glyphicon glyphicon-refresh"></span></button>
                    </form>
                </div>
                <!-- /random -->
            </div>
            <!-- /droite -->
        
            </div>
            <!-- /row-->
        </div>
        <!--/.col-sm-6--><!-- /pas image -->
        </div>
    </div>
</div>
Mindiell's avatar
Mindiell committed
101
<!-- contact page -->