_form.twig
<div class="form">
{% set form = this.beginWidget('CActiveForm', {
'id': 'hoge-form',
'enableAjaxValidation': false,
}) %}
<p class="note">Fields with <span class="required">*</span> are required.</p>
{{ form.errorSummary(model) }}
<div class="row">
{{ form.labelEx(model, 'userid') }}
{{ form.textField(model, 'userid') }}
{{ form.error(model, 'userid') }}
</div><!-- /.row -->
<div class="row">
{{ form.labelEx(model, 'fuga') }}
{{ form.textField(model, 'fuga', {'size': 60, 'maxlength': 64}) }}
{{ form.error(model, 'fuga') }}
</div><!-- /.row -->
<div class="row">
{{ form.labelEx(model, 'piyo') }}
{{ form.textField(model, 'piyo', {'size': 60, 'maxlength': 64}) }}
{{ form.error(model, 'piyo') }}
</div><!-- /.row -->
<div class="row buttons">
{{ C.Html.submitButton(model.isNewRecord ? 'Create' : 'Save') }}
</div><!-- /.row buttons -->
{% do this.endWidget %}
</div><!-- form -->
_view.twig
<div class="view">
<b>{{ data.getAttributeLabel('id')|e }}</b>
{{ C.Html.link(data.id|e, {0: 'view', 'id': data.id}) }}
<br />
<b>{{ data.getAttributeLabel('userid')|e }}</b>
{{ data.userid|e }}
<br />
<b>{{ data.getAttributeLabel('fuga')|e }}</b>
{{ data.fuga|e }}
<br />
<b>{{ data.getAttributeLabel('piyo')|e }}</b>
{{ data.piyo|e }}
<br />
</div><!-- /.view -->
admin.twig
{% do this.setBreadCrumbs({
'Hoges': ['index'],
0: 'Manage',
}) %}
{% do this.setMenu([
{'label': 'List Hoge', 'url': ['index']},
{'label': 'Create Hoge', 'url': ['create']},
]) %}
{{ void(App.clientScript.registerScript('search', "
$('.search-button').click(function(){
$('.search-form').toggle();
return false;
});
$('.search-form form').submit(function(){
$.fn.yiiGridView.update('hoge-grid', {
data: $(this).serialize()
});
return false;
});
")) }}
<h1>Manage Hoges</h1>
<p>
You may optionally enter a comparison operator (<b><</b>, <b><=</b>, <b>></b>, <b>>=</b>, <b><></b>
or <b>=</b>) at the beginning of each of your search values to specify how the comparison should be done.
</p>
{{ C.Html.link('Advanced Search', '#', {'class': 'search-button'}) }}
<div class="search-form" style="display:none">
{% include 'views/hoge/_search.twig' with {'model': model} %}
</div><!-- /.search-form -->
{% do this.widget('zii.widgets.grid.CGridView', {
'id': 'hoge-grid',
'dataProvider': model.search,
'filter': model,
'columns': [
'id', 'userid', 'fuga', 'piyo',
{'class': 'CButtonColumn'},
],
}) %}
column1.twig
{% extends 'views/layouts/main.twig' %}
{% block container %}
<div class="container">
<div id="content">
{% block content %}
{{ content }}
{% endblock content %}
</div><!-- /#content -->
</div><!-- /.container -->
{% endblock container %}
column2.twig
{% extends 'views/layouts/main.twig' %}
{% block container %}
<div class="container">
<div class="span-19">
<div id="content">
{% block content %}
{{ content }}
{% endblock content %}
</div><!-- ./content -->
</div><!-- /.span-19 -->
<div class="span-5 last">
<div id="sidebar">
{% do this.beginWidget('zii.widgets.CPortlet', {
'title': 'Operations',
}) %}
{% do this.widget('zii.widgets.CMenu', {
'items': this.menu,
'htmlOptions': {'class': 'operations'},
}) %}
{% do this.endWidget %}
</div><!-- /.sidebar -->
</div><!-- /.span-5 last -->
</div><!-- /.container -->
{% endblock container %}
index.twig
{% do this.setBreadcrumbs(['Hoges']) %}
{% do this.setMenu([
{'label': 'Create Hoge', 'url': ['create']},
{'label': 'Manage Hoge', 'url': ['admin']},
]) %}
<h1>Hoges</h1>
{% do this.widget('zii.widgets.CListView', {
'dataProvider': dataProvider,
'itemView': '_view',
}) %}
main.twig
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="ja" />
<!-- blueprint CSS framework -->
<link rel="stylesheet" type="text/css" href="{{ App.baseUrl }}/css/screen.css" media="screen, projection" />
<link rel="stylesheet" type="text/css" href="{{ App.baseUrl }}/css/print.css" media="print" />
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="{{ App.baseUrl }}/css/ie.css" media="screen, projection" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="{{ App.baseUrl }}/css/main.css" />
<link rel="stylesheet" type="text/css" href="{{ App.baseUrl }}/css/form.css" />
<title>{{ this.pageTitle|e }}</title>
</head>
<body>
<div class="container" id="page">
<div id="header">
<div id="logo">{{ App.name|e }}</div>
</div><!-- /#header -->
<div id="mainmenu">
{% do this.widget('zii.widgets.CMenu', {
'items': [
{'label': 'Home', 'url': ['/hoge/index']},
{'label': 'About', 'url': ['/site/about']},
{'label': 'Contact', 'url': ['/site/contact']},
{'label': 'Login', 'url': ['/site/login'], 'visible': App.user.isGuest},
{'label': 'Logout ('~App.user.name~')', 'url': ['/site/logout'], 'visible': not App.user.isGuest},
{'label': 'Gii', 'url': ['/gii']},
],
}) %}
</div><!-- /#mainmenu -->
{% if this.breadcrumbs %}
{% do this.widget('zii.widgets.CBreadcrumbs', {
'links': this.breadcrumbs,
}) %}
{% endif %}
{% block container %}
{% endblock container %}
<div id="footer">
Copyright © {{ now|date('Y') }} by My Company.<br/>
All Rights Reserved.<br/>
{{ Yii.powered }}
</div><!-- /#footer -->
</div><!-- /.container #page -->
</body>
</html>
update.twig
{% do this.setBreadcrumbs({
'Hoges': ['index'],
(model.id): {0: 'view', 'id': model.id},
0: 'Update',
}) %}
{% do this.setMenu([
{'label': 'List Hoge', 'url': ['index']},
{'label': 'Create Hoge', 'url': ['create']},
{'label': 'View Hoge', 'url': {0: 'view', 'id': model.id}},
{'label': 'Manage Hoge', 'url': ['admin']},
]) %}
<h1>Update Hoge {{ model.id }}</h1>
{% include 'views/hoge/_form.twig' with {'model': model} %}
view.twig
{% do this.setBreadcrumbs({
'Hoges': ['index'],
0: model.id,
}) %}
{% do this.setMenu([
{'label': 'List Hoge', 'url': ['index']},
{'label': 'Create Hoge', 'url': ['create']},
{'label': 'Update Hoge', 'url': {0: 'update', 'id': model.id}},
{'label': 'Delete Hoge', 'url': '#', 'linkOptions': {'submit': {0: 'delete', 'id': model.id}, 'confirm': 'Are you sure you want to delete this item?'}},
{'label': 'Manage Hoge', 'url': ['admin']},
]) %}
<h1>View Hoge #{{ model.id }}</h1>
{% do this.widget('zii.widgets.CDetailView', {
'data': model,
'attributes': [
'id', 'userid', 'fuga', 'piyo', 'is_deleted',
]
}) %}