Mise en place de l'admin très sommaire.

src/Muzich/AdminBundle/Admin/ElementAdmin.php

@@ -9,4 +9,37 @@ use Sonata\AdminBundle\Datagrid\ListMapper;
 
 class ElementAdmin extends Admin
 {
+  
+  protected function configureListFields(ListMapper $listMapper)
+  {
+    $listMapper
+      ->addIdentifier('name')
+      ->add('url')
+      ->add('tags')
+    ;
+  }
+  
+  protected function configureDatagridFilters(DatagridMapper $datagrid)
+  {
+    $datagrid
+      ->add('name')
+      ->add('url')
+      ->add('tags')
+    ;
+  }
+  
+  protected function configureFormFields(FormMapper $formMapper)
+  {
+    $formMapper
+      ->add('id')
+      ->add('name')
+      ->add('url')
+    ;
+  }
+
+//  public function validate(ErrorElement $errorElement, $object)
+//  {
+//     
+//  }
+  
 }

src/Muzich/AdminBundle/Admin/ElementTypeAdmin.php

@@ -9,4 +9,33 @@ use Sonata\AdminBundle\Datagrid\ListMapper;
 
 class ElementTypeAdmin extends Admin
 {
+  
+  protected function configureListFields(ListMapper $listMapper)
+  {
+    $listMapper
+      ->addIdentifier('id')
+      ->add('name')
+    ;
+  }
+  
+  protected function configureDatagridFilters(DatagridMapper $datagrid)
+  {
+    $datagrid
+      ->add('name')
+    ;
+  }
+  
+  protected function configureFormFields(FormMapper $formMapper)
+  {
+    $formMapper
+      ->add('id')
+      ->add('name')
+    ;
+  }
+
+//  public function validate(ErrorElement $errorElement, $object)
+//  {
+//     
+//  }
+  
 }

src/Muzich/CoreBundle/Entity/Element.php

@@ -185,6 +185,11 @@ class Element
     $this->url = $url;
   }
   
+  public function __toString()
+  {
+      return $this->name;
+  }
+  
   /**
    * Add tags
    *

src/Muzich/CoreBundle/Entity/ElementType.php

@@ -46,6 +46,11 @@ class ElementType
   {
     $this->elements = new ArrayCollection();
   }
+  
+  public function __toString()
+  {
+    return $this->name;
+  }
 
   /**
    * Set name

src/Muzich/CoreBundle/Entity/Tag.php

@@ -71,7 +71,11 @@ class Tag
     $this->users_favorites = new ArrayCollection();
     $this->elements = new ArrayCollection();
   }
-  
+    
+  public function __toString()
+  {
+      return $this->name;
+  }
 
   /**
    * Get id

web/bundles/muzichcore/css/base.css

@@ -1,89 +0,0 @@
-/* --- STYLES DE BASE --- */
-
-/* Page */
-html {
-  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
-}
-body {
-  margin: 0;
-  padding: 0; /* Remettre à zéro si nécessaire. */
-  /* Pensez à utiliser une collection de polices (2), par ex:
-  font-family: Arial, Helvetica, FreeSans, sans-serif; */
-  /*font-size: .8em;*/ /* À adapter pour la police choisie. (3) */
-  color: black;
-  background-color: #9AE4E8;
-  font: 13.34px helvetica,arial,freesans,clean,sans-serif;
-  line-height: 1.4;
-}
-
-/* Titres */
-h1, h2, h3, h4, h5, h6 {
-  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
-  line-height: 1.2;
-  font-weight: bold; /* Valeur par défaut. (6) */
-  font-style: normal;
-}
-h1 {
-  font-size: 1.75em;
-}
-h2 {
-  font-size: 1.5em;
-}
-h3 {
-  font-size: 1.25em;
-}
-h4 {
-  font-size: 1em;
-}
-
-/* Listes */
-ul, ol {
-  margin: .75em 0 .75em 32px;
-  padding: 0;
-}
-
-/* Paragraphes */
-p {
-  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
-}
-address {
-  margin: .75em 0;
-  font-style: normal;
-}
-
-/* Liens */
-a {
-  text-decoration: underline;
-}
-a:link {
-  color: #11C;
-}
-a:visited {
-  color: #339;
-}
-a:hover, a:focus, a:active {
-  color: #00F;
-}
-
-/* Pas de bordure autour des images dans les liens */
-a img {
-  border: none;
-}
-
-/* Divers éléments de type en-ligne (8) */
-em {
-  font-style: italic;
-}
-strong {
-  font-weight: bold;
-}
-
-/* Formulaires */
-form, fieldset {
-  margin: 0;
-  padding: 0;
-  border: none;
-}
-input, button, select {
-  vertical-align: middle; /* Solution pb. d'alignement. (9) */
-}

web/bundles/muzichcore/css/main.css

@@ -1,266 +0,0 @@
-
-#container
-{
-  width: 640px;
-  margin-top: 45px;
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: 45px;
-  
-  padding: 10px;
-  background-color: white;
-  border: 0px solid #d5d5d5;
-  border-radius: 7px;
-  -moz-border-radius: 7px;
-  -webkit-border-radius: 7px;
-  
-  -webkit-box-shadow: #666 0px 2px 3px;
-  -moz-box-shadow: #666 0px 2px 3px;
-  box-shadow: #666 0px 2px 3px;
-}
-
-#container h1
-{
-  
-}
-#container h2
-{
-  margin-top: 5px;
-  margin-bottom: 5px;
-  
-  text-shadow: 1px 1px 2px #666;
-}
-#container h3
-{
-  text-shadow: 1px 1px 1px #666;
-}
-#container h4
-{
-  
-}
-
-#container a 
-{
-  text-decoration: none;
-  color: #00d0de;
-}
-
-#container #top-tabs
-{
-  float: left;
-  list-style: none outside none;
-  margin: -35px 16px 0 -6px;
-  padding: 0;
-}
-
-#container #top-tabs li
-{
-  float: left;
-  margin-left: 0px;
-  
-  padding-top: 3px;
-  padding-left: 5px;
-  padding-right: 5px;
-  padding-bottom: 3px;
-  
-  background-color: #e9e9e9;
-  
-  border-top: 1px solid #d5d5d5;
-  border-left: 1px solid #d5d5d5;
-  border-right: 1px solid #d5d5d5;
-  border-radius: 5px 5px 0px 0px;
-  -moz-border-radius: 5px 5px 0px 0px;
-  -webkit-border-radius: 5px 5px 0px 0px;
-  
-}
-
-#container #top-tabs li.active
-{
-  background-color: white;
-}
-
-#container #top-tabs li a
-{
-  text-decoration: none;
-  color: black;
-}
-
-#top_bar
-{
-  width: 220px;
-  background-color: white;
-  padding: 0px;
-  
-  margin-left: auto;
-  margin-right: auto;
-  
-  border-radius: 0px 0px 4px 4px;
-  -moz-border-radius: 0px 0px 4px 4px;
-  -webkit-border-radius: 0px 0px 4px 4px;
-  
-	text-align: center;
-}
-
-#top_bar a 
-{
-  text-decoration: none;
-  color: black;
-  padding-left: 3px; padding-right: 3px;
-}
-
-/*#top_bar ul
-{
-  text-align: center;
-  margin-top: -5px;
-}
-
-#top_bar ul li
-{
-  display: inline;
-  float: left;
-  list-style: none;
-  padding-left: 6px;
-}
-
-#top_bar ul li a 
-{
-  text-decoration: none;
-  color: black;
-}*/
-
-ul.inline 
-{
-  
-}
-
-ul.inline li
-{
-  display: inline;
-}
-
-
-/* Messages flash */
-
-.message
-{
-		-webkit-background-size: 40px 40px;
-		-moz-background-size: 40px 40px;
-		background-size: 40px 40px;			
-		background-image: -webkit-gradient(linear, left top, right bottom,
-								color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
-								color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
-								color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
-								to(transparent));
-		background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
-							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
-							transparent 75%, transparent);
-		background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
-							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
-							transparent 75%, transparent);
-		background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
-							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
-							transparent 75%, transparent);
-		background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
-							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
-							transparent 75%, transparent);
-		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
-							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
-							transparent 75%, transparent);
-								
-		 -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
-		 -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);		
-		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
-		 width: 100%;
-		 border: 1px solid;
-		 color: #fff;
-		 padding: 15px;
-		 position: fixed;
-		 _position: absolute;
-		 text-shadow: 0 1px 0 rgba(0,0,0,.5);
-		 -webkit-animation: animate-bg 5s linear infinite;
-		 -moz-animation: animate-bg 5s linear infinite;
-}
-
-.info, .fos_user_info
-{
-		 background-color: #4ea5cd;
-		 border-color: #3b8eb5;
-}
-
-.error, .fos_user_error
-{
-		 background-color: #de4343;
-		 border-color: #c43d3d;
-}
-		 
-.warning, .fos_user_warning
-{
-		 background-color: #eaaf51;
-		 border-color: #d99a36;
-}
-
-.success, .fos_user_success
-{
-		 background-color: #61b832;
-		 border-color: #55a12c;
-}
-
-.message h3
-{
-		 margin: 0 0 5px 0;													 
-}
-
-.message p
-{
-		 margin: 0;													 
-}
-
-.message a.message-close
-{
-  float: right;
-  margin-top: -14px;
-  margin-right: 18px;
-  margin-bottom: -11px;
-}
-
-.message a.message-close img:HOVER
-{
-  width: 52px;
-  height: 52px;
-  margin-bottom: -13px;
-}
-
-@-webkit-keyframes animate-bg
-{
-    from {
-        background-position: 0 0;
-    }
-    to {
-       background-position: -80px 0;
-    }
-}
-
-
-@-moz-keyframes animate-bg 
-{
-    from {
-        background-position: 0 0;
-    }
-    to {
-       background-position: -80px 0;
-    }
-}
-
-/* Message flash end */
-
-#choose_language
-{
-  float: right;
-  margin-right: 5px;
-}
-
-#choose_language a
-{
-  text-decoration: none;
-  color: black;
-}

web/bundles/muzichcore/js/muzich.js

@@ -1,30 +0,0 @@
-
-// Messages flashs
-
-var myMessages = ['info','warning','error','success']; // define the messages types	
-
-function hideAllMessages()
-{
-  var messagesHeights = new Array(); // this array will store height for each
-	 
- for (i=0; i<myMessages.length; i++)
- {
-    messagesHeights[i] = $('.' + myMessages[i]).outerHeight();
-    $('.' + myMessages[i]).css('top', -messagesHeights[i]); //move element outside viewport	  
- }
-}
-
-$(document).ready(function(){
-		 
-  // Initially, hide them all
-  hideAllMessages();
-
-  $('.message').animate({top:"0"}, 500);
-
-  // When message is clicked, hide it
-  $('.message a.message-close').click(function(){			  
-    $(this).parent('.message').animate({top: -$(this).outerHeight()-50}, 700);
-    return false;
-  });		 
-		 
-});   

web/bundles/muzichhome/css/home.css

@@ -1,7 +0,0 @@
-
-
-#container .follow_link
-{
-  float: right;
-  text-decoration: none;
-}

web/bundles/muzichindex/css/index.css

@@ -1,16 +0,0 @@
-
-
-.hello
-{
-  background-color: #f4f4f4;
-  padding: 30px;
-}
-
-.hello .login_box
-{
-  width: 640px;
-  margin-left: auto;
-  margin-right: auto;
-  background-color: #e3f6fd;
-  padding: 20px;
-}

web/bundles/sonataadmin/base.js

@@ -0,0 +1,98 @@
+jQuery(document).ready(function() {
+
+    Admin.add_pretty_errors(document);
+    Admin.add_collapsed_toggle();
+});
+
+
+var Admin = {
+
+    /**
+     * render log message
+     * @param mixed
+     */
+    log: function() {
+        var msg = '[Sonata.Admin] ' + Array.prototype.join.call(arguments,', ');
+        if (window.console && window.console.log) {
+            window.console.log(msg);
+        }
+        else if (window.opera && window.opera.postError) {
+            window.opera.postError(msg);
+        }
+    },
+
+    /**
+     * display related errors messages
+     *
+     * @param subject
+     */
+    add_pretty_errors: function(subject) {
+        jQuery('div.sonata-ba-field-error', subject).each(function(index, element) {
+            var input = jQuery('input, textarea', element);
+
+            var message = jQuery('div.sonata-ba-field-error-messages', element).html();
+            jQuery('div.sonata-ba-field-error-messages', element).html('');
+            if (!message) {
+                message = '';
+            }
+
+            if (message.length == 0) {
+                return;
+            }
+
+            input.qtip({
+                content: message,
+                show: 'focusin',
+                hide: 'focusout',
+                position: {
+                    corner: {
+                        target: 'rightMiddle',
+                        tooltip: 'leftMiddle'
+                    }
+                },
+                style: {
+                    name: 'red',
+                    border: {
+                        radius: 2
+                    },
+                    tip: 'leftMiddle'
+                }
+            })
+        });
+    },
+
+    /**
+     * Add the collapsed toggle option to the admin
+     *
+     * @param subject
+     */
+    add_collapsed_toggle: function(subject) {
+        jQuery('fieldset legend a.sonata-ba-collapsed', subject).live('click', function(event) {
+            event.preventDefault();
+
+            var fieldset = jQuery(this).closest('fieldset');
+
+            jQuery('div.sonata-ba-collapsed-fields', fieldset).toggle();
+            fieldset.toggleClass('sonata-ba-collapsed-fields-close');
+        }).click();
+    },
+
+    stopEvent: function(event) {
+        // https://github.com/sonata-project/SonataAdminBundle/issues/151
+        //if it is a standard browser use preventDefault otherwise it is IE then return false
+        if(event.preventDefault) {
+            event.preventDefault();
+        } else {
+            event.returnValue = false;
+        }
+
+        //if it is a standard browser get target otherwise it is IE then adapt syntax and get target
+        if (typeof event.target != 'undefined') {
+            targetElement = event.target;
+        } else {
+            targetElement = event.srcElement;
+        }
+
+        return targetElement;
+    }
+}

web/bundles/sonataadmin/css/colors.css

@@ -0,0 +1,118 @@
+/* General parameter */
+body {
+    background-color: #f2f2f2;
+}
+
+a {
+    text-decoration: none;
+}
+
+div.container {
+
+}
+
+div.container div.header {
+    padding: 5px;
+
+    background-image: -moz-linear-gradient(-90deg, #494949, #1b1b1b);
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#494949), to(#1b1b1b));
+
+    color: white;
+}
+
+div.container div.header a.home {
+    padding: 5px;
+
+    font-size: 2.5em;
+    text-decoration: none;
+    color: white;
+}
+
+div.container div.content {
+    padding: 5px;
+
+    background-color: white;
+}
+
+div.container div.content h1 {
+
+    font-size:2em;
+    border-bottom: 1px solid #cccccc;
+    padding-bottom: 5px;
+    color: #3d3d3d;
+}
+
+
+div.container div.sonata-actions ul {
+    float: left;
+    list-style: none;
+}
+
+div.container div.sonata-actions li {
+    float: left;
+
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
+    box-shadow: 0 1px 1px rgba(0,0,0, 0.5);
+    -moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.5);
+    -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.5);
+
+    border: 1px solid #cccccc;
+    background: #f2f2f2;
+    margin: 2px;
+}
+
+div.container div.sonata-actions li a {
+    color: black;
+    text-decoration: none;
+
+    margin-left: 6px;
+    margin-right: 6px;
+    line-height: 15px;
+}
+
+
+/* Dashboard element */
+table.sonata-ba-list {
+    border: 1px solid #cccccc;
+}
+
+table.sonata-ba-list th {
+    background-image: -moz-linear-gradient(-90deg, #f8f8f8 , #e2e2e2);
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e2e2e2));
+}
+
+
+/* Form */
+textarea.title {
+    font-size: 1em;
+    width: 500px;
+}
+
+input.title {
+    font-size: 1em;
+    width: 500px;
+}
+
+div.sonata-ba-form-error {
+		width: 495px;
+		border: 3px solid #CE6F6F;
+		background-color: #F79992;
+		color: #9C2F2F;
+		padding: 5px;
+		margin-bottom: 10px;
+}
+
+div.sonata-ba-form-error ul {
+		margin: 0;
+}
+
+div.sonata-ba-field-error input{
+    border: 1px solid #f79992;
+}
+
+div.sonata-ba-field-error textarea{
+    border: 1px solid #f79992;
+}

web/bundles/sonataadmin/css/layout.css

@@ -0,0 +1,88 @@
+table.sonata-ba-list {
+    width: 500px;
+}
+
+div.sonata-ba-field-inline-table input.title {
+    width: 100px;
+}
+
+div.sonata-ba-field-inline-table textarea.title {
+    width: 150px;
+    height: 50px;
+}
+
+table.sonata-ba-list td {
+    width: 75px;
+}
+
+table.sonata-ba-list td img{
+    vertical-align: bottom
+}
+
+table.sonata-ba-list td.sonata-ba-list-label {
+    width: 350px;
+}
+
+td.pager ul {
+    float: left;
+    list-style: none;
+    margin: 2px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+td.pager ul li {
+    float: left;
+}
+
+td.pager ul li a {
+    border: 1px solid #cccccc;
+    padding: 4px;
+    margin: 2px;
+}
+
+div.sonata-ba-modal-edit-one-to-one td.sonata-ba-list-field-batch,
+div.sonata-ba-modal-edit-one-to-one div.sonata-ba-list-actions,
+div.sonata-ba-modal-edit-one-to-one th.sonata-ba-list-field-header-batch
+{
+    display: none;
+}
+
+div.sonata-ba-modal-edit-one-to-one div.sonata-ba-list-actions {
+    display: none;
+}
+
+th.sonata-ba-list-field-header-order-desc:hover {
+    background: url(../famfamfam/bullet_arrow_up.png) no-repeat center left;
+}
+
+th.sonata-ba-list-field-header-order-asc:hover {
+    background: url(../famfamfam/bullet_arrow_down.png) no-repeat center left;
+}
+
+th.sonata-ba-list-field-header-order-desc,
+th.sonata-ba-list-field-header-order-asc {
+    padding-left: 15px;
+}
+
+th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active {
+    background: url(../famfamfam/bullet_arrow_up.png) no-repeat center left;
+}
+
+th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active {
+    background: url(../famfamfam/bullet_arrow_down.png) no-repeat center left;
+}
+
+th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active:hover {
+    background: url(../famfamfam/bullet_arrow_down.png) no-repeat center left;
+}
+
+th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active:hover {
+    background: url(../famfamfam/bullet_arrow_up.png) no-repeat center left;
+}
+
+em.sonata-ba-field-help {
+    display: block;
+    color: #999;
+    margin-bottom: 10px;
+}