integration/v2/15-detail_fragment.html
changeset 131 f7f6c6acf9b9
parent 130 4bdf2fdf4bcb
--- a/integration/v2/15-detail_fragment.html	Thu Jun 20 15:21:47 2013 +0200
+++ b/integration/v2/15-detail_fragment.html	Thu Jun 20 16:21:35 2013 +0200
@@ -13,9 +13,38 @@
     <link rel="stylesheet" href="css/fonts.css">
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/slideshow.css">
+    <link rel="stylesheet" href="lib/jquery-ui/themes/base/minified/jquery-ui.min.css">
+    <link href="lib/tag-it/css/jquery.tagit.css" rel="stylesheet">
     <script src="js/vendor/modernizr-2.6.2.min.js"></script>
 </head>
 <body>
+    <div class="popin-wrap">
+        <div id="add-to-collection" class="popin popin-new-collection box-shadow">
+            <header>
+                <h2>Ajouter à la collection</h2>
+                <a href="#" class="close-popin"></a>
+            </header>
+            <section>
+                <form action="#">
+                    <p>
+                        <label for="collection-name">Ajouter à :</label>
+                        <select>
+                            <option selected value="">Ma super collection</option>
+                            <option value="">encore un lorem ipsum</option>
+                        </select>
+                    </p>
+                    <p>
+                        <label class="block" for="image-description">Description de l’image :</label>
+                        <textarea name="" id="image-description"></textarea>
+                    </p>
+                    <div class="buttons">
+                        <a href="#" class="btn close-popin">Annuler</a>
+                        <input class="btn" type="submit" value="Valider">
+                    </div>
+                </form>
+            </section>
+        </div>
+    </div>
 
     <div class="wrap">
         <header class="clearfix">
@@ -73,7 +102,7 @@
                         <a class="icon save" href="#">Enregistrer sous</a>
                     </li>
                     <li>
-                        <a class="icon plus" href="#">Ajouter à ma collection</a>
+                        <a class="icon plus open-popin" href="#add-to-collection">Ajouter à ma collection</a>
                     </li>
                     <li>
                         <form action="#">
@@ -196,7 +225,7 @@
 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
     <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
+    <script src="lib/jquery-ui/ui/minified/jquery-ui.min.js"></script>
     <script src="js/masonry.min.js"></script>
     <script src="lib/tag-it/js/tag-it.min.js"></script>
     <script src="js/main.js"></script>