agenda-ik.html 2.95 KB
Newer Older
1
2
<ons-page id="ONSAgendaIK">
    <ons-toolbar modifier="material">
Eric Seigne's avatar
Eric Seigne committed
3
        <div id="titreNav" class="left" onclick="gotoPage('menu.html');">
4
            Agenda
5
        </div>
6
        <div id="home" class="left" onclick="gotoPage('menu.html');">
Eric Seigne's avatar
Eric Seigne committed
7
            <img src="img/logo_square.png" id="homeLogo" />
8
9
10
11
12
13
14
15
        </div>
        <div id="menuHautDroite" class="right">
            <ons-toolbar-button onclick="fn.open()">
                <ons-icon icon="md-menu"></ons-icon>
            </ons-toolbar-button>
        </div>
    </ons-toolbar>
    <div id="container">
16
        <form id="leformAgendaIK" name="leformAgendaIK">
17
18
19
20
21

            <h4>Agenda -> IK</h4>

            <ons-row>
                <ons-col>
Eric Seigne's avatar
Eric Seigne committed
22
                    <p><b>Attention: </b> vous entrez en zone de dev ... l'idée est de récupérer automatiquement les rdv de l'agenda du smartphone pour les transformer en IK ensuite.</p>
23
24
25
26

                    <div class="feedVehicules" id='feedVehiculesPerso'></div>

                    <ons-list style="clear: both;">
Eric Seigne's avatar
Eric Seigne committed
27
28
                        <input required name="departAgendaIK" id="departAgendaIK" type="text" placeholder="Ville de départ">
                        <ons-list-item class="listeVille" id="listedepartAgendaIK" expandable data-role="listview" data-filter="true" data-filter-reveal="true" data-input="#label">
Eric Seigne's avatar
Eric Seigne committed
29
                            <span class="translate">favorites</span>
30
31
32
33
34
35
36
37
38
39
40
                        </ons-list-item>
                    </ons-list>

                    <label for="ladateStart">Date début</label>
                    <ons-input name="ladateStart" id="ladateStart" type="date"></ons-input>

                    <label for="ladateEnd">Date fin</label>
                    <ons-input name="ladateEnd" id="ladateEnd" type="date"></ons-input>

                    &nbsp;

Eric Seigne's avatar
Eric Seigne committed
41
                    <ons-button modifier="material large" onclick="feedToAgendaIK('#feedToAgendaIK',ladateStart.value,ladateEnd.value);"><span class="translate">validate</span></ons-button>
42
43
44
45
46
47
48
49
50
51
52
53
54

                    <div id='feedToAgendaIK'></div>

                </ons-col>
            </ons-row>
        </form>
        <!-- <ons-row>
    <ons-col>
        <ons-button modifier="material large" onclick="rSyncOne(2);">Lancer la synchronisation</ons-button>
    </div>
</div> -->
    </div>
    <script>
Eric Seigne's avatar
Eric Seigne committed
55
56
        $('#departAgendaIK').keyup(function () {
            $('#listedepartAgendaIK').show();
57
58
59
        });

        function selectDepart(ville) {
Eric Seigne's avatar
Eric Seigne committed
60
61
            $('#listedepartAgendaIK').hide();
            $('#departAgendaIK').val(ville);
62
63
        }

64
65
66
67
68
69
70
71
72
73
74
75
        // function rSyncDeleteConfirm(id) {
        //     ons.notification.confirm("Voulez-vous vraiment supprimer ce document ?", {
        //         title: "Vérification", buttonLabels: ['Non', 'Oui, supprimer'],
        //         callback: function (index) {
        //             if (index == 1) {
        //                 rSyncDelete(id);
        //             }
        //         }
        //     });
        // }
    </script>
</ons-page>