Prototype interface choix contact existant (version 'input/phone' pour l'instant):

css/timeline-form.scss

@@ -345,7 +345,7 @@
 	& .select-container select{
 		// width: auto;
 		display: inline-block;
-	    padding: 2px;
+		padding: 5px 2px;
 		padding-right: 30px;
 
 		border: none;

js/includes/input-html-phone-data.js

@@ -13,6 +13,18 @@ pContactBuilder.setLayout(
 	"\t<input type='hidden' data-name='countsms' value='@countsms'>\n"+
 
 	"\t<input type='text' data-name='number'    placeholder='Numéro de téléphone' value='@number'    > \n"+
+
+	"\t<span class='select-container nobold'><select data-name='existing'>\n"+
+		"\t\t<option value='.' disabled selected>Contact existant</option>\n"+
+		"\t\t<option value='2'>Jean</option>\n"+
+		"\t\t<option value='3'>Blaise</option>\n"+
+		"\t\t<option value='4'>Roger</option>\n"+
+		"\t\t<option value='5'>Marie</option>\n"+
+		"\t\t<option value='6'>Adèle</option>\n"+
+	"\t</select></span>\n"+
+
+	"\tou\n"+
+
 	"\t<input type='text' data-name='username'  placeholder='Pseudo'              value='@username'  > \n"+
 	"\t<input type='submit' class='primary sub-number'                            value='Enregistrer'>\n"+
 	"</h4>\n\n");

src/static/container/bottom_arrow.svg

@@ -1,6 +1,4 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
 <svg
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:cc="http://creativecommons.org/ns#"
@@ -9,62 +7,54 @@
    xmlns="http://www.w3.org/2000/svg"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="32"
    height="32"
-   viewBox="0 0 32.000001 32.000001"
+   viewBox="0 0 32.000001 32"
+   width="32"
    id="svg2"
    version="1.1"
    inkscape:version="0.91 r13725"
-   sodipodi:docname="left_arrow.svg">
-  <defs
-     id="defs4" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="11.2"
-     inkscape:cx="4.9948796"
-     inkscape:cy="11.553488"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     inkscape:object-paths="false"
-     units="px"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     inkscape:snap-page="true"
-     inkscape:window-width="1920"
-     inkscape:window-height="1056"
-     inkscape:window-x="0"
-     inkscape:window-y="24"
-     inkscape:window-maximized="1" />
+   sodipodi:docname="bottom_arrow.svg">
   <metadata
-     id="metadata7">
+	 id="metadata12">
 	<rdf:RDF>
 	  <cc:Work
 		 rdf:about="">
 		<dc:format>image/svg+xml</dc:format>
 		<dc:type
 		   rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
+		<dc:title></dc:title>
 	  </cc:Work>
 	</rdf:RDF>
   </metadata>
-  <g
-     inkscape:label="Calque 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-122.07592,-363.16335)">
+  <defs
+	 id="defs10" />
+  <sodipodi:namedview
+	 pagecolor="#ffffff"
+	 bordercolor="#666666"
+	 borderopacity="1"
+	 objecttolerance="10"
+	 gridtolerance="10"
+	 guidetolerance="10"
+	 inkscape:pageopacity="0"
+	 inkscape:pageshadow="2"
+	 inkscape:window-width="1920"
+	 inkscape:window-height="1056"
+	 id="namedview8"
+	 showgrid="false"
+	 fit-margin-top="0"
+	 fit-margin-left="0"
+	 fit-margin-right="0"
+	 fit-margin-bottom="0"
+	 inkscape:snap-page="true"
+	 inkscape:zoom="4.9166667"
+	 inkscape:cx="-38.067797"
+	 inkscape:cy="11.5"
+	 inkscape:window-x="0"
+	 inkscape:window-y="24"
+	 inkscape:window-maximized="1"
+	 inkscape:current-layer="svg2" />
   <path
-       style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-       d="m 122.07592,371.21719 31.99933,0 c 0,0 -14.35892,15.89883 -16.10633,15.893 -1.31424,-0.004 -15.893,-15.893 -15.893,-15.893 z"
+	 d="M 28.226666,6.113333 16,18.34 3.773333,6.113333 0,9.886667 l 16,16 16,-16 z"
 	 id="stylisable"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="ccsc" />
-  </g>
+	 inkscape:connector-curvature="0" />
 </svg>