Skip to content

Commit

Permalink
convert multilingual main info and meta-tag settings to tabbed interf…
Browse files Browse the repository at this point in the history 
…ace closes #2547 (may require reinstalling assets from CLI to view effect)
  • Loading branch information
@craigh
craigh committed Sep 22, 2015
1 parent 66cbfa1 commit 1b981e1
Show file tree
Hide file tree
Showing 2 changed files with 70 additions and 42 deletions.
10 changes: 10 additions & 0 deletions src/system/SettingsModule/Resources/public/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,3 +11,13 @@
float: left;
margin-right: 20px;
}
.zikulasettings-tab-container .tab-content {
padding: 1.5em 1em 0 0;
border: 1px solid #ddd;
border-top: 0;
margin-bottom: 1.5em;
background-color: #fff;
}
.zikulasettings-tab-container .nav-tabs li {
margin: 0 0 -1px 0;
}
102 changes: 60 additions & 42 deletions src/system/SettingsModule/Resources/views/Admin/modifyconfig.tpl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,25 +10,34 @@
<fieldset>
<legend>{gt text='Main info'}</legend>
{if $modvars.ZConfig.multilingual}
{foreach from=$languages key='code' item='language'}
<fieldset>
<legend>{$language}</legend>
{assign var='varname' value='sitename_'|cat:$code}
<div class="form-group">
<label class="col-sm-3 control-label" for="settings_{$varname}">{gt text='Site name'}</label>
<div class="col-sm-9">
<input id="settings_{$varname}" type="text" class="form-control" name="settings[{$varname}]" value="{$modvars.ZConfig.$varname|default:''|safetext}" size="50" maxlength="100" />
<div class="zikulasettings-tab-container">
<ul class="nav nav-tabs" role="tablist">
{foreach from=$languages key='code' item='language'}
<li role="presentation"{if $language eq $modvars.ZConfig.language_i18n|getlanguagename} class="active"{/if}><a href="#main-{$language|lower}" aria-controls="main-{$language|lower}" role="tab" data-toggle="tab">{$language}</a></li>
{/foreach}
</ul>
<div class="tab-content">
<!-- Tab panes -->
{foreach from=$languages key='code' item='language'}
<div role="tabpanel" class="tab-pane fade{if $language eq $modvars.ZConfig.language_i18n|getlanguagename} in active{/if}" id="main-{$language|lower}">
{assign var='varname' value='sitename_'|cat:$code}
<div class="form-group">
<label class="col-sm-3 control-label" for="settings_{$varname}">{gt text='Site name'}</label>
<div class="col-sm-9">
<input id="settings_{$varname}" type="text" class="form-control" name="settings[{$varname}]" value="{$modvars.ZConfig.$varname|default:''|safetext}" size="50" maxlength="100" />
</div>
</div>
{assign var='varname' value='slogan_'|cat:$code}
<div class="form-group">
<label class="col-sm-3 control-label" for="settings_{$varname}">{gt text='Description line'}</label>
<div class="col-sm-9">
<input id="settings_{$varname}" type="text" class="form-control" name="settings[{$varname}]" value="{$modvars.ZConfig.$varname|default:''|safetext}" size="50" maxlength="100" />
</div>
</div>
</div>
{/foreach}
</div>
{assign var='varname' value='slogan_'|cat:$code}
<div class="form-group">
<label class="col-sm-3 control-label" for="settings_{$varname}">{gt text='Description line'}</label>
<div class="col-sm-9">
<input id="settings_{$varname}" type="text" class="form-control" name="settings[{$varname}]" value="{$modvars.ZConfig.$varname|default:''|safetext}" size="50" maxlength="100" />
</div>
</div>
</fieldset>
{/foreach}
</div>
{else}
{assign var='varname' value='sitename_'|cat:$lang}
<div class="form-group">
Expand Down Expand Up @@ -81,32 +90,41 @@
<fieldset>
<legend>{gt text='Meta tag settings'}</legend>
{if $modvars.ZConfig.multilingual}
{foreach from=$languages key='code' item='language'}
<fieldset>
<legend>{$language}</legend>
{assign var='varname' value='defaultpagetitle_'|cat:$code}
<div class="form-group">
<label class="col-sm-3 control-label" for="settings_{$varname}">{gt text='Default page title'}</label>
<div class="col-sm-9">
<input id="settings_{$varname}" type="text" class="form-control" name="settings[{$varname}]" value="{$modvars.ZConfig.$varname|default:''|safetext}" size="50" maxlength="255" />
</div>
<div class="zikulasettings-tab-container">
<ul class="nav nav-tabs" role="tablist">
{foreach from=$languages key='code' item='language'}
<li role="presentation"{if $language eq $modvars.ZConfig.language_i18n|getlanguagename} class="active"{/if}><a href="#meta-{$language|lower}" aria-controls="meta-{$language|lower}" role="tab" data-toggle="tab">{$language}</a></li>
{/foreach}
</ul>
<div class="tab-content">
<!-- Tab panes -->
{foreach from=$languages key='code' item='language'}
<div role="tabpanel" class="tab-pane fade{if $language eq $modvars.ZConfig.language_i18n|getlanguagename} in active{/if}" id="meta-{$language|lower}">
{assign var='varname' value='defaultpagetitle_'|cat:$code}
<div class="form-group">
<label class="col-sm-3 control-label" for="settings_{$varname}">{gt text='Default page title'}</label>
<div class="col-sm-9">
<input id="settings_{$varname}" type="text" class="form-control" name="settings[{$varname}]" value="{$modvars.ZConfig.$varname|default:''|safetext}" size="50" maxlength="255" />
</div>
</div>
{assign var='varname' value='defaultmetadescription_'|cat:$code}
<div class="form-group">
<label class="col-sm-3 control-label" for="settings_{$varname}">{gt text='Default meta description'}</label>
<div class="col-sm-9">
<input id="settings_{$varname}" type="text" class="form-control" name="settings[{$varname}]" value="{$modvars.ZConfig.$varname|default:''|safetext}" size="50" maxlength="255" />
</div>
</div>
{assign var='varname' value='metakeywords_'|cat:$code}
<div class="form-group">
<label class="col-sm-3 control-label" for="settings_{$varname}">{gt text='Default meta keywords'}</label>
<div class="col-sm-9">
<textarea class="form-control" id="settings_{$varname}" name="settings[{$varname}]" cols="60" rows="3">{$modvars.ZConfig.$varname|default:''|safetext}</textarea>
</div>
</div>
</div>
{/foreach}
</div>
{assign var='varname' value='defaultmetadescription_'|cat:$code}
<div class="form-group">
<label class="col-sm-3 control-label" for="settings_{$varname}">{gt text='Default meta description'}</label>
<div class="col-sm-9">
<input id="settings_{$varname}" type="text" class="form-control" name="settings[{$varname}]" value="{$modvars.ZConfig.$varname|default:''|safetext}" size="50" maxlength="255" />
</div>
</div>
{assign var='varname' value='metakeywords_'|cat:$code}
<div class="form-group">
<label class="col-sm-3 control-label" for="settings_{$varname}">{gt text='Default meta keywords'}</label>
<div class="col-sm-9">
<textarea class="form-control" id="settings_{$varname}" name="settings[{$varname}]" cols="60" rows="3">{$modvars.ZConfig.$varname|default:''|safetext}</textarea>
</div>
</div>
</fieldset>
{/foreach}
</div>
{else}
{assign var='varname' value='defaultpagetitle_'|cat:$lang}
<div class="form-group">
Expand Down

3 comments on commit 1b981e1

@Guite
Copy link
Member

@Guite Guite commented on 1b981e1 Sep 22, 2015

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome 👍

@craigh
Copy link
Member Author

@craigh craigh commented on 1b981e1 Sep 22, 2015

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

screen shot 2015-09-22 at 2 35 45 pm
screen shot 2015-09-22 at 2 36 44 pm

@Guite
Copy link
Member

@Guite Guite commented on 1b981e1 Sep 23, 2015

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Worth a changelog entry? 😄

Please sign in to comment.