contact.html 5.5 KB
Newer Older
Mindiell's avatar
Mindiell committed
1
<!-- contact page -->
2 3 4 5
<div class="container-fluid panel panel-default pasmodal">
    <div class="row">
        <div class="col-sm-12">
        <!-- image à gauche -->    
okhin's avatar
okhin committed
6
            <div class="col-md-2 col-sm-4 hidden-xs">
okhin's avatar
okhin committed
7
                <img class= "img-responsive img-circle" src="{{ @contact.photo }}" width="140px" alt="">
okhin's avatar
okhin committed
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

okhin's avatar
okhin committed
18 19 20 21 22 23 24 25 26 27 28 29 30
            <!-- pas image -->
            <div class="col-md-10 col-sm-8">
                <div class="row">
                    <!-- gauche -->
                    <div class="col-md-8">
                    <!-- titre -->
                    <div>
                        <h1 class="text-center" id="name">{{ @contact.first_name }} <br class="visible-xs-block">{{ @contact.last_name }}</h1>
                        <!-- 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">
31

okhin's avatar
okhin committed
32
                                <a type="button" class="btn btn-default" title="{{ _("Call now") }}" data-toggle="modal" data-target="#callModal"><span class="glyphicon glyphicon-earphone"></span></button>
okhin's avatar
okhin committed
33 34 35 36 37
                                <a type="button" class="btn btn-info" title="{{ _("Get more info...") }}" href="#"><span class="glyphicon glyphicon-info-sign"></span></a>
                                <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 -->
38
                    </div>
okhin's avatar
okhin committed
39
                    <!-- /titre -->
40

okhin's avatar
okhin committed
41 42 43 44 45 46 47 48 49 50 51 52
                    <!-- 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>
                            <dd><a href="#">{{ @group.name }}</a></dd>
                        </check>
                        </repeat>
                        </dl>
                    </div>
                    <!-- /groupes -->
53

okhin's avatar
okhin committed
54 55 56 57 58 59 60 61 62 63 64
                    <!-- 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 -->
65
                </div>
66
                <!-- /gauche -->
67 68 69

                <!-- droite -->
                <div class="col-md-4">
okhin's avatar
okhin committed
70 71 72 73 74 75 76
                    <!-- infos -->
                    <div class="hidden-xs hidden-sm text-right">
                        <address style="margin-top:1em;">
                            <strong>{{ _("Informations") }}</strong><br>
                        </address>
                    </div>
                    <!-- /infos -->
77

okhin's avatar
okhin committed
78
                    <hr class="hidden-xs">
79

okhin's avatar
okhin committed
80 81 82
                    <!-- random -->
                    <div class="text-center">
                        <form class="form-inline" role="form">
okhin's avatar
okhin committed
83 84 85 86 87 88 89 90 91 92 93 94 95 96
                            <!-- Testing with only one contact now 
                            <div class="form-group hidden-xs">
                                <repeat group="{{ @group_types }}" value="{{ @group_type }}">
                                <label class="" for="{{ @group_type.name }}">{{ @group_type.name }}</label>
                                <select class="form-control" name="{{ @group_type.name }}">
                                    <option value="" selected>----</option>
                                    <repeat group="{{ @groups }}" value="{{ @group }}">
                                        <check if="{{ @group.type == @group_type.name }}">
                                        <option value="{{ @group.id }}">{{ @group.name }}</option>
                                        </check>
                                    </repeat>
                                </select>
                                </repeat> -->
                            </div><!-- /form-group -->
okhin's avatar
okhin committed
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 -->
101
                </div>
okhin's avatar
okhin committed
102
                <!-- /droite -->
103 104 105 106 107 108 109
            </div>
            <!-- /row-->
        </div>
        <!--/.col-sm-6--><!-- /pas image -->
        </div>
    </div>
</div>
Mindiell's avatar
Mindiell committed
110
<!-- contact page -->