Project

General

Profile

« Previous | Next » 

Revision ef0d6020

Added by Andreas Kohlbecker about 7 years ago

ref #6169 design for better list items

View differences:

src/main/java/eu/etaxonomy/cdm/vaadin/design/phycobank/RegistrationItemDesign.java
1 
package eu.etaxonomy.cdm.vaadin.design.phycobank;
2 

  		




  
  3
  
    
import com.vaadin.annotations.AutoGenerated;


  		




  
  4
  
    
import com.vaadin.annotations.DesignRoot;


  		




  
  5
  
    
import com.vaadin.ui.Button;


  		




  
  6
  
    
import com.vaadin.ui.HorizontalLayout;


  		




  
  7
  
    
import com.vaadin.ui.Label;


  		




  
  8
  
    
import com.vaadin.ui.Link;


  		




  
  9
  
    
import com.vaadin.ui.declarative.Design;


  		




  
  10
  
    

  		




  
  11
  
    
/** 


  		




  
  12
  
    
 * !! DO NOT EDIT THIS FILE !!


  		




  
  13
  
    
 * 


  		




  
  14
  
    
 * This class is generated by Vaadin Designer and will be overwritten.


  		




  
  15
  
    
 * 


  		




  
  16
  
    
 * Please make a subclass with logic and additional interfaces as needed,


  		




  
  17
  
    
 * e.g class LoginView extends LoginDesign implements View { }


  		




  
  18
  
    
 */


  		




  
  19
  
    
@DesignRoot


  		




  
  20
  
    
@AutoGenerated


  		




  
  21
  
    
@SuppressWarnings("serial")


  		




  
  22
  
    
public class RegistrationItemDesign extends HorizontalLayout {


  		




  
  23
  
    
    protected Label typeStateLabel;


  		




  
  24
  
    
    protected Link identifierLink;


  		




  
  25
  
    
    protected Label citationLabel;


  		




  
  26
  
    
    protected Label summaryLabel;


  		




  
  27
  
    
    protected Button blockedByButton;


  		




  
  28
  
    
    protected Button messageButton;


  		




  
  29
  
    
    protected Button openButton;


  		




  
  30
  
    
    protected Label createdLabel;


  		




  
  31
  
    
    protected Label publishedLabel1;


  		




  
  32
  
    

  		




  
  33
  
    
    public RegistrationItemDesign() {


  		




  
  34
  
    
        Design.read(this);


  		




  
  35
  
    
    }


  		




  
  36
  
    
}


  		












  

    
      src/main/resources/eu/etaxonomy/cdm/vaadin/design/phycobank/RegistrationItemDesign.html
    
  





  
  1
  
    
<!doctype html>


  		




  
  2
  
    
<html>


  		




  
  3
  
    
 <head>


  		




  
  4
  
    
  <meta charset="UTF-8">


  		




  
  5
  
    
  <meta name="design-properties" content="{&quot;RULERS_VISIBLE&quot;:true,&quot;GUIDELINES_VISIBLE&quot;:false,&quot;SNAP_TO_OBJECTS&quot;:true,&quot;SNAP_TO_GRID&quot;:true,&quot;SNAPPING_DISTANCE&quot;:10,&quot;JAVA_SOURCES_ROOT&quot;:&quot;src/main/java&quot;,&quot;THEME&quot;:&quot;edit-valo&quot;}">


  		




  
  6
  
    
  <meta name="vaadin-version" content="7.7.0">


  		




  
  7
  
    
 </head>


  		




  
  8
  
    
 <body>


  		




  
  9
  
    
  <vaadin-horizontal-layout width-full>


  		




  
  10
  
    
   <vaadin-vertical-layout :expand>


  		




  
  11
  
    
    <vaadin-horizontal-layout spacing width-full height="34px" :middle>


  		




  
  12
  
    
     <vaadin-label icon="fonticon://FontAwesome/f02b" style-name="label-nowrap" size-auto plain-text _id="typeStateLabel">


  		




  
  13
  
    
       State 


  		




  
  14
  
    
     </vaadin-label>


  		




  
  15
  
    
     <vaadin-link caption="http://phycobank/100000" _id="identifierLink" :center :expand></vaadin-link>


  		




  
  16
  
    
    </vaadin-horizontal-layout>


  		




  
  17
  
    
    <vaadin-label plain-text _id="citationLabel">


  		




  
  18
  
    
      Publication citation string 


  		




  
  19
  
    
    </vaadin-label>


  		




  
  20
  
    
    <vaadin-label description="Registration summary" plain-text _id="summaryLabel">


  		




  
  21
  
    
      Publication citation string possibly spanning multiple lines 


  		




  
  22
  
    
    </vaadin-label>


  		




  
  23
  
    
   </vaadin-vertical-layout>


  		




  
  24
  
    
   <vaadin-vertical-layout width-auto height-full>


  		




  
  25
  
    
    <vaadin-css-layout style-name="v-component-group">


  		




  
  26
  
    
     <vaadin-button icon="fonticon://FontAwesome/f071" enabled="false" style-name="tiny" plain-text _id="blockedByButton"></vaadin-button>


  		




  
  27
  
    
     <vaadin-button icon="fonticon://FontAwesome/f075" enabled="false" style-name="tiny" plain-text _id="messageButton"></vaadin-button>


  		




  
  28
  
    
     <vaadin-button icon="fonticon://FontAwesome/f085" style-name="tiny primary" plain-text _id="openButton"></vaadin-button>


  		




  
  29
  
    
    </vaadin-css-layout>


  		




  
  30
  
    
    <vaadin-vertical-layout size-full :bottom :right>


  		




  
  31
  
    
     <vaadin-label size-auto plain-text _id="createdLabel" :bottom :right :expand>


  		




  
  32
  
    
       Created: 12.12.2012 


  		




  
  33
  
    
     </vaadin-label>


  		




  
  34
  
    
     <vaadin-label size-auto plain-text _id="publishedLabel1" :bottom :right>


  		




  
  35
  
    
       Published: 12.12.2012 


  		




  
  36
  
    
     </vaadin-label>


  		




  
  37
  
    
    </vaadin-vertical-layout>


  		




  
  38
  
    
   </vaadin-vertical-layout>


  		




  
  39
  
    
  </vaadin-horizontal-layout>


  		




  
  40
  
    
 </body>


  		




  
  41
  
    
</html>


  		












  

    
      src/main/webapp/VAADIN/themes/edit-valo/edit-valo.scss
    
  





  84
  84
  
    
     }


  		




  85
  85
  
    
   }


  		




  86
  86
  
    
   


  		




  
  87
  
    
   // label with caption and icon horizonatally aligned


  		




  
  88
  
    
   // to apply this to a Vaadin Label set 'label-nowrap'


  		




  
  89
  
    
   // as style


  		




  
  90
  
    
   .v-slot-label-nowrap {


  		




  
  91
  
    
        .v-caption, .v-label {


  		




  
  92
  
    
            display: inline;


  		




  
  93
  
    
        }


  		




  
  94
  
    
        .v-label {


  		




  
  95
  
    
            margin-left: 8px; // TODO use sass variable here


  		




  
  96
  
    
            vertical-align: baseline;


  		




  
  97
  
    
        }


  		




  
  98
  
    
   }


  		




  
  99
  
    
   


  		




  87
  100
  
    
   .dashboard-actions {


  		




  88
  101
  
    
      margin: 0 10%;


  		




  89
  102
  
    
    


  		












Also available in:  Unified diff