duplicate button
authorAnthony Ly <anthonyly.com@gmail.com>
Tue, 25 Jun 2013 17:12:21 +0200
changeset 147 62af98a653ae
parent 146 6691086f43fd
child 148 2fea6fdc024c
duplicate button
integration/v2/14-creation_fragment.html
integration/v2/15-16-detail_fragment.html
integration/v2/css/style.css
integration/v2/img/icon-copy-15.png
--- a/integration/v2/14-creation_fragment.html	Tue Jun 25 16:38:25 2013 +0200
+++ b/integration/v2/14-creation_fragment.html	Tue Jun 25 17:12:21 2013 +0200
@@ -30,7 +30,7 @@
                                 <input id="id_search" type="text" placeholder="Rechercher dans le site">
                                 <label class="styled-select">
                                     <select>
-                                        <option selected="" value="/egonomy/allpictures/">Images</option>
+                                        <option selected value="/egonomy/allpictures/">Images</option>
                                         <option value="/egonomy/allfragments/">Fragments</option>
                                     </select>
                                 </label>
--- a/integration/v2/15-16-detail_fragment.html	Tue Jun 25 16:38:25 2013 +0200
+++ b/integration/v2/15-16-detail_fragment.html	Tue Jun 25 17:12:21 2013 +0200
@@ -57,10 +57,12 @@
                         <form method="GET" action="/egonomy/allpictures/">
                             <p>
                                 <input id="id_search" type="text" placeholder="Rechercher dans le site">
-                                <select class="search-type">
-                                    <option selected="" value="/egonomy/allpictures/">Images</option>
-                                    <option value="/egonomy/allfragments/">Fragments</option>
-                                </select>
+                                <label class="styled-select">
+                                    <select>
+                                        <option selected value="/egonomy/allpictures/">Images</option>
+                                        <option value="/egonomy/allfragments/">Fragments</option>
+                                    </select>
+                                </label>
                             </p>
                             <input type="hidden" name="field" value="all">
                         </form>
@@ -101,7 +103,7 @@
                         <a class="icon trash" href="#">Supprimer ce fragment</a>
                     </li>
                     <li>
-                        <a class="icon save" href="#">Enregistrer sous</a>
+                        <a class="icon copy" href="#">Dupliquer</a>
                     </li>
                     <li>
                         <a class="icon plus open-popin" href="#add-to-collection">Ajouter à ma collection</a>
@@ -131,8 +133,8 @@
                         <li><a title="Partager sur Facebook" href="#" class="tool facebook"></a></li>
                     </ul>
                 </div>
-                <div class="info box-edition">
-                    <table>
+                <div class="info box-edition clearfix">
+                    <table class="edition-table-left">
                         <tbody>
                             <tr>
                                 <th>Auteur :</th>
@@ -148,6 +150,24 @@
                             </tr>
                         </tbody>
                     </table>
+                    <table class="edition-table-right">
+                        <tbody>
+                            <tr><th>Voir le fragment seul :</th></tr>
+                            <tr><td>
+                                <div class="fragment-110">               
+                                    <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+                                        <defs>
+                                            <clipPath id="fragment-clip68">
+                                                <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+                                            </clipPath>
+                                        </defs>
+                                        <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+                                        <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+                                    </svg>      
+                                </div><!-- ./fragment -->
+                            </td></tr>
+                        </tbody>
+                    </table>
                 </div>
                 <div class="box-edition">
                     <table>
--- a/integration/v2/css/style.css	Tue Jun 25 16:38:25 2013 +0200
+++ b/integration/v2/css/style.css	Tue Jun 25 17:12:21 2013 +0200
@@ -3,6 +3,7 @@
 .wrap{width: 950px; margin: 0 auto; }
 .uppercase{text-transform: uppercase;}
 .fragment{width: 225px; height: 225px;}
+.fragment-110{width: 110px; height: 110px; display: inline-block;}
 .va-top{vertical-align: top;padding-top: 4px;}
 header, footer{width:100%;background: url(../img/border-bottom-header.png) center bottom no-repeat;}
 footer{margin-bottom: 60px;background-position: top center; padding-top: 20px;font-size: 15px; font-family: 'Lato'; font-weight: 300;}
@@ -39,6 +40,15 @@
 .title-menu{ position: absolute; bottom: 0; right: 0;}
 .title-menu li{float: left;}
 
+.edition-table-left{
+	width: 700px !important;
+	float: left;
+}
+.edition-table-right{
+	text-align: right;
+	width: 180px !important;
+	float: right;
+}
 .bar-tools{margin-bottom: 12px; line-height: 35px; padding-bottom: 1px; font-family: 'Lato'; font-weight: 300; display:block;background-image: url(../img/border-bar-tools.png), url(../img/border-bar-tools.png); background-position: top center, bottom center; background-repeat: repeat-x;}
 .bar-tools h3{ font-size: 18px;  display: inline-block; text-transform: uppercase;}
 .bar-tools ul{float: right;}
@@ -58,7 +68,7 @@
 a.icon.plus{background-image: url(../img/icon-plus-15.png);}
 a.icon.edit{background-image: url(../img/icon-pencil-15.png);}
 a.icon.trash{background-image: url(../img/icon-trash-15.png);}
-
+a.icon.copy{background-image: url(../img/icon-copy-15.png);}
 /* Home */
 .w650{width: 650px;}
 .our-images{margin-bottom: 38px; text-align: center; font-size: 12px; font-family: 'Lato'; font-weight : bold; font-style : italic; color: #58595A;}
Binary file integration/v2/img/icon-copy-15.png has changed