PATH:
home
/
letacommog
/
letaweb
/
admin
/
modules
/
row
<tabset> <tab heading="<?php $this->t('LBL_COLUMNS'); ?>"> <div class="form-group"> <button class="btn btn-primary fa fa-plus" ng-click="addColumn()"></button> </div> <div class="form-group"> <div class="row show-grid"> <div ng-repeat="col in cols track by $index" class="col-md-{{col}}" ng-class={'bg-primary':$index==selected_column_index} ng-click="selectColumn($index)"> {{col}}/12 </div> </div> </div> <?php $cols = array( -1 => 'Hide', 0 => 'Auto', 1 => '1/12', 2 => '2/12', 3 => '3/12', 4 => '4/12', 5 => '5/12', 6 => '6/12', 7 => '7/12', 8 => '8/12', 9 => '9/12', 10 => '10/12', 11 => '11/12', 12 => '12/12', ); $col_offsets = array( 0 => 'Auto', -1 => 'Move left 1 columns', -2 => 'Move left 2 columns', -3 => 'Move left 3 columns', -4 => 'Move left 4 columns', -5 => 'Move left 5 columns', -6 => 'Move left 6 columns', -7 => 'Move left 7 columns', -8 => 'Move left 8 columns', -9 => 'Move left 9 columns', -10 => 'Move left 10 columns', -11 => 'Move left 11 columns', -12 => 'Move left 12 columns', 1 => 'Move right 1 columns', 2 => 'Move right 2 columns', 3 => 'Move right 3 columns', 4 => 'Move right 4 columns', 5 => 'Move right 5 columns', 6 => 'Move right 6 columns', 7 => 'Move right 7 columns', 8 => 'Move right 8 columns', 9 => 'Move right 9 columns', 10 => 'Move right 10 columns', 11 => 'Move right 11 columns', 12 => 'Move right 12 columns', ); ?> <div ng-hide="!selected_column"> <div class="form-group row"> <div class="col-md-6"> <label>Size on phone</label> <div class=""> <select ng-change="setColumnSize('xs',selected_column_data.col_phone_size)" ng-model="selected_column_data.col_phone_size" class="form-control"> <?php foreach ($cols as $k => $n) { echo '<option value='.$k.'>'.$n.'</option>'; } ?> </select> </div> </div> <div class="col-md-6"> <label>Size on tablet</label> <div class=""> <select ng-change="setColumnSize('sm',selected_column_data.col_tablet_size)" ng-model="selected_column_data.col_tablet_size" class="form-control"> <?php foreach ($cols as $k => $n) { echo '<option value='.$k.'>'.$n.'</option>'; } ?> </select> </div> </div> </div> <div class="form-group row"> <div class="col-md-6"> <label>Offset on phone</label> <div class=""> <select ng-change="setColumnOffsetSize('xs',selected_column_data.col_offset_phone_size)" ng-model="selected_column_data.col_offset_phone_size" class="form-control"> <?php foreach ($col_offsets as $k => $n) { echo '<option value='.$k.'>'.$n.'</option>'; } ?> </select> </div> </div> <div class="col-md-6"> <label>Offset on tablet</label> <div class=""> <select ng-change="setColumnOffsetSize('sm',selected_column_data.col_offset_tablet_size)" ng-model="selected_column_data.col_offset_tablet_size" class="form-control"> <?php foreach ($col_offsets as $k => $n) { echo '<option value='.$k.'>'.$n.'</option>'; } ?> </select> </div> </div> </div> <div class="form-group btn-group"> <button class="btn btn-primary fa fa-expand" title="Expand" ng-click="expandColumn($index)"></button> <button class="btn btn-info fa fa-compress" title="Collapse" ng-click="collapseColumn($index)"></button> <button class="btn btn-primary fa fa-arrow-left" title="Move left" ng-click="moveLeftColumn($index)"></button> <button class="btn btn-info fa fa-arrow-right" title="Move right" ng-click="moveRightColumn($index)"></button> <button class="btn btn-warning fa fa-copy" title="Clone" ng-click="copyColumn($index)"></button> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class=""> <?php $this->t('LBL_BOX_ATTRIBUTES'); ?> </label> <div ui-css-padding-edit ng-model="selected_column_data" selector="selected_column_selector" no-margin></div> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class=""> <?php $this->t('LBL_BACKGROUND_COLOR'); ?> </label> <div class=""> <input type="text" colorpalettepicker ng-model="selected_column_data.background_color" ng-change="changeStyle(selected_column_selector,'background-color',selected_column_data.background_color)" /> </div> </div> <div class="form-group"> <label class=""> <?php $this->t('LBL_BACKGROUND_IMAGE'); ?> </label> <div class=""> <div class="input-group"> <input type="text" class="form-control" ng-model="selected_column_data.background_image" ng-change="changeBackgroundImage(selected_column_selector)" /> <div class="fa fa-search btn btn-primary btn-xs input-group-btn" ng-click="selectBgImage()"></div> </div> </div> </div> <div class="form-group"> <label class=""> <?php $this->t('LBL_BACKGROUND_REPEAT'); ?> </label> <div class=""> <select ng-model="selected_column_data.background_repeat" ng-change="changeStyle(selected_column_selector,'background-repeat',selected_column_data.background_repeat)"> <option value="repeat">Repeat</option> <option value="repeat-x">Repeat-X</option> <option value="repeat-y">Repeat- Y</option> <option value="no-repeat">None</option> </select> </div> </div> <div class="form-group"> <label class=""> <?php $this->t('LBL_BACKGROUND_ATTACHMENT'); ?> </label> <div class=""> <select ng-model="selected_column_data.background_attachment" ng-change="changeStyle(selected_column_selector,'background-attachment',selected_column_data.background_attachment)"> <option value="fixed">Fixed</option> <option value="scroll">Scroll</option> </select> </div> </div> <div class="form-group"> <label class=""> <?php $this->t('LBL_BACKGROUND_POSITION'); ?> </label> <div class=""> <select ng-model="selected_column_data.background_position" ng-change="changeStyle(selected_column_selector,'background-position',selected_column_data.background_position)"> <option value="top left">Top left</option> <option value="top right">Top right</option> <option value="top center">Top center</option> <option value="center left">Center left</option> <option value="center right">Center right</option> <option value="center center">Center center</option> <option value="bottom left">Bottom left</option> <option value="bottom right">Bottom right</option> <option value="bottom center">Bottom center</option> </select> </div> </div> </div> </div> </div> </tab> <?php include 'extra/box_design_tab.php'; ?> </tabset>
[+]
..
[-] backend.php
[edit]
[-] backend.js
[edit]