API tools faq
paste
Advertisement
Guest User

flux-prob-201405281321

a guest
May 28th, 2014
387
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.69 KB | None | 0 0
raw download clone embed print report
  1. {namespace flux=FluidTYPO3\Flux\ViewHelpers}
  2. {namespace v=Tx_Vhs_ViewHelpers}
  3. <f:layout name="Elements" />
  4. <div xmlns="http://www.w3.org/1999/xhtml" lang="en"
  5.      xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
  6.      xmlns:flux="http://fedext.net/ns/flux/ViewHelpers"
  7.      xmlns:v="http://fedext.net/ns/vhs/ViewHelpers">
  8.  
  9. <f:section name="Configuration">
  10. <flux:form wizardTab="Acutronic" id="stage" label="Acutronic: Stage Object">
  11.  
  12.     <flux:form.sheet name="properties" label="Stage Properties">
  13.         <flux:form.container name="properties">
  14.             <flux:field.input name="affix" label="Stage Affix Label:" placeholder="e.g.: 'Easy Access'" />
  15.  
  16.             <flux:field.input name="id" label="Stage ID:" placeholder="e.g.: 'easy-access'" />
  17.             <flux:field.input name="class" label="Stage Classes:" placeholder="e.g.: 'js-dummy-handle my-class'" />
  18.             <flux:field.select name="size" label="Minimal Stage Size:" items="{
  19.                 0: {0: '', 1: 'none'},
  20.                 1: {0: 'stage-small', 1: 'S (365px)'}
  21.                 2: {0: 'stage-medium', 1: 'M (445px)'},
  22.                 3: {0: 'stage-large', 1: 'L (545px)'},
  23.                 4: {0: 'stage-xlarge', 1: 'XL (660px)'},
  24.                 5: {0: 'stage-xxlarge', 1: 'XXL (680px)'}
  25.             }" maxItems="1" />
  26.             <flux:field.select name="background" label="Stage Background:" items="{
  27.                 0: {0: '', 1: 'none'},
  28.                 1: {0: 'stage-light', 1: 'Light'},
  29.                 2: {0: 'stage-dark', 1: 'Dark'},
  30.                 3: {0: 'stage-shade', 1: 'Shade'},
  31.                 4: {0: 'stage-picture', 1: 'Picture'},
  32.                 5: {0: 'stage-transparent', 1: 'Transparent'}
  33.             }" maxItems="1" />
  34.             <flux:field.file name="background-image" label="Stage Background Image:" allowed="jpg,jpeg,png,gif" uploadFolder="uploads/tx_acutronic" minItems="0" maxItems="1" />
  35.             <flux:field.checkbox name="inverted" label="Stage Text-Color: White?" />
  36.             <flux:field.checkbox name="ovh" label="Stage Overflow: Hidden?" />
  37.             <flux:field.checkbox name="showcase" label="Stage: Showcase?" />
  38.         </flux:form.container>
  39.     </flux:form.sheet>
  40.  
  41.     <flux:form.sheet name="content" label="Stage Content">
  42.  
  43.         <flux:form.section name="rows" label="Stage Rows">
  44.             <flux:form.object name="row" label="Row">
  45.                 <flux:field.input name="title" label="Row Title:" placeholder="Title will only be shown in backend" />
  46.                 <flux:field.input name="id" label="Row ID:" placeholder="e.g.: 'easy-access'" />
  47.                 <flux:field.input name="class" label="Row Class:" placeholder="e.g.: 'js-dummy-handle my-class'" />
  48.  
  49.                 <flux:form.section name="cols" label="Stage Cols">
  50.                     <flux:form.object name="col" label="Col">
  51.                         <flux:field.input name="title" label="Col Title:" placeholder="Title will only be shown in backend" />
  52.                         <flux:field.input name="class" label="Col Class:" placeholder="e.g.: 'js-dummy-handle my-class'" />
  53.                         <flux:field.select name="col-xs" label="Col Width (Mobile):" items="{
  54.                              0: {0: '',1: 'none'},
  55.                              1: {0: 'col-xs-1',1: '1 column'},
  56.                              2: {0: 'col-xs-2',1: '2 columns'},
  57.                              3: {0: 'col-xs-3',1: '3 columns'},
  58.                              4: {0: 'col-xs-4',1: '4 columns'},
  59.                              5: {0: 'col-xs-5',1: '5 columns'},
  60.                              6: {0: 'col-xs-6',1: '6 columns'},
  61.                              7: {0: 'col-xs-7',1: '7 columns'},
  62.                              8: {0: 'col-xs-8',1: '8 columns'},
  63.                              9: {0: 'col-xs-9',1: '9 columns'},
  64.                             10: {0: 'col-xs-10',1: '10 columns'},
  65.                             11: {0: 'col-xs-11',1: '11 columns'},
  66.                             12: {0: 'col-xs-12',1: '12 columns'},
  67.                             13: {0: 'hidden-xs',1: 'hidden'}
  68.                         }" maxItems="1" />
  69.                         <flux:field.select name="col-sm" label="Col Width (Small Desktop):" items="{
  70.                              0: {0: '',1: 'none'},
  71.                              1: {0: 'col-sm-1',1: '1 column'},
  72.                              2: {0: 'col-sm-2',1: '2 columns'},
  73.                              3: {0: 'col-sm-3',1: '3 columns'},
  74.                              4: {0: 'col-sm-4',1: '4 columns'},
  75.                              5: {0: 'col-sm-5',1: '5 columns'},
  76.                              6: {0: 'col-sm-6',1: '6 columns'},
  77.                              7: {0: 'col-sm-7',1: '7 columns'},
  78.                              8: {0: 'col-sm-8',1: '8 columns'},
  79.                              9: {0: 'col-sm-9',1: '9 columns'},
  80.                             10: {0: 'col-sm-10',1: '10 columns'},
  81.                             11: {0: 'col-sm-11',1: '11 columns'},
  82.                             12: {0: 'col-sm-12',1: '12 columns'},
  83.                             13: {0: 'hidden-sm',1: 'hidden'}
  84.                         }" maxItems="1" />
  85.                         <flux:field.select name="col-sm-offset" label="Col Offset (Small Desktop):" items="{
  86.                              0: {0: '',1: 'none'},
  87.                              1: {0: 'col-sm-offset-1',1: '1 column'},
  88.                              2: {0: 'col-sm-offset-2',1: '2 columns'},
  89.                              3: {0: 'col-sm-offset-3',1: '3 columns'},
  90.                              4: {0: 'col-sm-offset-4',1: '4 columns'},
  91.                              5: {0: 'col-sm-offset-5',1: '5 columns'},
  92.                              6: {0: 'col-sm-offset-6',1: '6 columns'},
  93.                              7: {0: 'col-sm-offset-7',1: '7 columns'},
  94.                              8: {0: 'col-sm-offset-8',1: '8 columns'},
  95.                              9: {0: 'col-sm-offset-9',1: '9 columns'},
  96.                             10: {0: 'col-sm-offset-10',1: '10 columns'},
  97.                             11: {0: 'col-sm-offset-11',1: '11 columns'},
  98.                             12: {0: 'col-sm-offset-12',1: '12 columns'}
  99.                         }" maxItems="1" />
  100.                         <flux:field.select name="col-md" label="Col Width (Big Desktop):" items="{
  101.                              0: {0: '',1: 'none'},
  102.                              1: {0: 'col-md-1',1: '1 column'},
  103.                              2: {0: 'col-md-2',1: '2 columns'},
  104.                              3: {0: 'col-md-3',1: '3 columns'},
  105.                              4: {0: 'col-md-4',1: '4 columns'},
  106.                              5: {0: 'col-md-5',1: '5 columns'},
  107.                              6: {0: 'col-md-6',1: '6 columns'},
  108.                              7: {0: 'col-md-7',1: '7 columns'},
  109.                              8: {0: 'col-md-8',1: '8 columns'},
  110.                              9: {0: 'col-md-9',1: '9 columns'},
  111.                             10: {0: 'col-md-10',1: '10 columns'},
  112.                             11: {0: 'col-md-11',1: '11 columns'},
  113.                             12: {0: 'col-md-12',1: '12 columns'},
  114.                             13: {0: 'hidden-md',1: 'hidden'}
  115.                         }" maxItems="1" />
  116.                         <flux:field.select name="col-md-offset" label="Col Offset (Big Desktop):" items="{
  117.                              0: {0: '',1: 'none'},
  118.                              1: {0: 'col-md-offset-1',1: '1 column'},
  119.                              2: {0: 'col-md-offset-2',1: '2 columns'},
  120.                              3: {0: 'col-md-offset-3',1: '3 columns'},
  121.                              4: {0: 'col-md-offset-4',1: '4 columns'},
  122.                              5: {0: 'col-md-offset-5',1: '5 columns'},
  123.                              6: {0: 'col-md-offset-6',1: '6 columns'},
  124.                              7: {0: 'col-md-offset-7',1: '7 columns'},
  125.                              8: {0: 'col-md-offset-8',1: '8 columns'},
  126.                              9: {0: 'col-md-offset-9',1: '9 columns'},
  127.                             10: {0: 'col-md-offset-10',1: '10 columns'},
  128.                             11: {0: 'col-md-offset-11',1: '11 columns'},
  129.                             12: {0: 'col-md-offset-12',1: '12 columns'}
  130.                         }" maxItems="1" />
  131.                         <flux:field.select name="content-type" label="Content Type:" items="{
  132.                             0: {0: '', 1: 'none'},
  133.                             1: {0: 'stage-img', 1: 'Image (right)'},
  134.                             2: {0: 'stage-img stage-img-left', 1: 'Image (left)'},
  135.                             3: {0: 'stage-content', 1: 'Content'},
  136.                             4: {0: 'stage-img accordion-images', 1: 'Accordion Images (right)'},
  137.                             5: {0: 'stage-img stage-img-left accordion-images', 1: 'Accordion Images (left)'}
  138.                         }" maxItems="1" />
  139.                     </flux:form.object>
  140.                 </flux:form.section>
  141.  
  142.             </flux:form.object>
  143.         </flux:form.section>
  144.  
  145.     </flux:form.sheet>
  146.  
  147.     <flux:grid>
  148.         <f:for each="{rows}" as="row" iteration="row-it">
  149.             <flux:grid.row>
  150.                 <f:for each="{row.row.cols}" as="col" iteration="col-it">
  151.                     <flux:grid.column>
  152.                         <flux:form.content name="content.{row-it.index}.{col-it.index}" label="{f:if(condition: col.col.title, then: col.col.title, else: 'Content, Col #{col-it.cycle}')}" />
  153.                     </flux:grid.column>
  154.                 </f:for>
  155.             </flux:grid.row>
  156.         </f:for>
  157.     </flux:grid>
  158.  
  159. </flux:form>
  160. </f:section>
  161.  
  162. <f:section name="Preview">
  163.     <flux:widget.grid />
  164. </f:section>
  165.  
  166. <f:section name="Main">
  167.     <div{f:if(condition: '{properties.id} != ""', then: ' id="{properties.id}"')} class="stage {properties.size} {properties.background}{f:if(condition: '{properties.showcase}', then: ' stage-showcase')}{f:if(condition: '{properties.inverted}', then: ' stage-inverted')}{f:if(condition: '{properties.ovh}', then: ' ovh')}{f:if(condition: '{properties.class} != ""', then: ' {properties.class}')}"{f:if(condition: '{properties.background-image} != ""', then: ' style="background-image: url(uploads/tx_acutronic/{properties.background-image});"')}{f:if(condition: '{properties.affix} != ""', then: ' data-affixlabel="{properties.affix}"')}>
  168.         <div class="container">
  169.             <f:for each="{rows}" as="row" iteration="row-it">
  170.             <div{f:if(condition: '{row.row.id} != ""', then: ' id="{row.row.id}"')} class="row{f:if(condition: '{row.row.class} != ""', then: ' {row.row.class}')}">
  171.                 <f:for each="{row.row.cols}" as="col" iteration="col-it">
  172.                 <div class="{col.col.col-xs} {col.col.col-sm} {col.col.col-sm-offset} {col.col.col-md} {col.col.col-md-offset} {col.col.content-type} {f:if(condition: '{col.col.class} != ""', then: '{col.col.class}')}">
  173.                     <flux:content.render area="content.{row-it.index}.{col-it.index}" />
  174.                 </div>
  175.                 </f:for>
  176.             </div>
  177.             <div class="clearfix"></div>
  178.             </f:for>
  179.         </div>
  180.     </div>
  181. </f:section>
  182.  
  183. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!