Commit fc88ca57 authored by JULIO JARAMILLO's avatar JULIO JARAMILLO

nueva apariencia

parent 905acda7
/**
* Multiple Selects - jQuery plugin for converting a multiple <select> into two, adding the ability to move items between the boxes.
* http://code.google.com/p/jqmultiselects/
*
* Copyright (c) 2007 Rob Desbois
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* Version: 0.2
*
* Changelog
* 0.1
* initial release
*
* 0.2
* <option> elements can be automatically selected upon parent form submission
* plugin options now passed as an array
* all element identifiers now taken as jQuery selectors instead
* added beforeMove and afterMove callback functions
*/
/** Adds multiple select behaviour to a <select> element.
* This allows options to be transferred to a different select using mouse double-clicks, or multiple options at a time via another element.
*
* Syntax:
* $(source).multiSelect(dest, options);
*
* Options:
* * trigger: Selector for elements which will trigger the move on a click event. Default is none.
* * autoSubmit: Whether to automatically select <option>s for submission with parent form submit. Default true.
* * beforeMove: Before move callback function. Return true to continue/false to cancel the move operation.
* * afterMove: After move callback function.
*
* @example $("#my_select_left").multiSelect("#my_select_right");
* @desc Sets up double-clicks on #my_select_left's options to move the option to #my_select_right
* @example $("#my_select_left").multiSelect("#my_select_right", {trigger: "#my_move_right_button"});
* @desc Sets up double-clicks as above and also sets up #my_move_right_button to transfer multiple elements on click.
*
* @example
* <form action="test-handler.php" method="get">
* <table>
* <tr>
* <td><select name="left[]" id="select_left" multiple="multiple" size="6">
* <option>Item 1</option>
* <option>Item 2</option>
* <option>Item 3</option>
* <option>Item 4</option>
* </select></td>
*
* <td>
* <p><a id="options_right" href="#">
* <img src="arrow_right.gif" alt="&gt;" />
* </a></p>
* <p><a id="options_left" href="#">
* <img src="arrow_left.gif" alt="&lt;" />
* </a></p>
* </td>
* <td><select name="right[]" id="select_right" multiple="multiple" size="6">
* <option>Item 5</option>
* <option>Item 6</option>
* <option>Item 7</option>
* <option>Item 8</option>
* </select></td>
* </tr>
* </table>
*
* <input type="submit" />
* </form>
*
*
* <script type="text/javascript"><!--
* $(function() {
* $("#select_left").multiSelect("#select_right", {trigger: "#options_right"});
* $("#select_right").multiSelect("#select_left", {trigger: "#options_left"});
* });
* // --></script>
*/
jQuery.fn.multiSelect = function(to, options) {
// support v0.1 syntax
if (typeof options == "string")
options = {trigger: "#"+options};
options = $.extend({
trigger: null, // selector of elements whose 'click' event should invoke a move
allTrigger:null, // select all of options
autoSubmit: true, // true => select all child <option>s on parent form submit (if any)
beforeMove: null, // before move callback function
afterMove: null // after move callback
}, options);
// for closures
var $select = this;
// make form submission select child <option>s
if (options.autoSubmit)
this.parents("form").submit(function() { selectChildOptions($select); });
// create the closure
var moveFunction = function() { moveOptions($select, to, options.beforeMove, options.afterMove); };
var moveAllFunction = function(){
jQuery("option", $select).each(function(){
jQuery(this).attr('selected',true);
});
moveFunction();
};
// attach double-click behaviour
this.dblclick(moveFunction);
// trigger element behaviour
if (options.trigger)
jQuery(options.trigger).click(moveFunction);
if (options.allTrigger)
jQuery(options.allTrigger).click(moveAllFunction);
return this;
// moves the options
function moveOptions(from, toSel, beforeMove, afterMove) {
if (beforeMove && !beforeMove())
return;
jQuery("option:selected", from).each(function() {
jQuery(this)
.attr("selected", false)
.appendTo(toSel);
});
afterMove && afterMove();
}
// selects all child options
function selectChildOptions($select) {
$select.children("option").each(function() {
this.selected = true;
});
}
};
\ No newline at end of file
allow from all
\ No newline at end of file
.code {
font-style: italic;
font-family: monospace;
color: #666;
}
.is-superadmin-note{
padding: 3px;
color: black;
background-color: rgb(255,255,100);
text-align: center;
border-radius: 5px;
position: absolute;
left: 45%;
top: 0px;
box-shadow: 3px 3px 5px #eee;
}
.crugepanel {
background-color: white;
padding: 10px;
border-radius: 5px;
border: 1px dotted #aaa;
box-shadow: 3px 3px 5px #eee;
display: block;
margin-top: 10px;
}
.auth-item-error-msg{
background-color: rgb(255,200,200);
color: red;
font-weight: bold;
padding: 5px;
border: 2px solid white;
text-align: center;
width: 50%;
}
img.iconhelp{
margin: 3px;
background-color: white;
border: 2px solid white;
box-shadow: 3px 3px 5px #eee;
border-radius: 5px;
width: 24px;
}
.auth-item-create-button {
border: 1px dotted #aaa;
box-shadow: 3px 3px 5px #eee;
border-radius: 5px;
padding: 5px;
background-color: rgb(255,255,240);
text-align: center;
width: 120px;
margin: 10px;
margin-left: 0px;
}
div.form .form-group {
border: 1px dotted #aaa;
border-radius: 5px;
overflow: auto;
padding: 10px;
margin-bottom: 10px;
box-shadow: 3px 3px 5px #eee;
}
div.form .form-group .col {
float: left;
margin-right: 10px;
}
div.form h6 {
margin-bottom: 10px;
background-color: #efefef;
padding: 5px;
padding-left: 10px;
border-radius: 3px;
}
div.form .textfield-readonly input{
border: none;
background-color: #eee;
color: #333;
}
div.form .item {
overflow: auto;
}
div.form .item input{
float: left;
}
div.form .item .hint {
float: left;
margin-left: 10px;
}
div.form .hint {
}
div.form .field-group{
border: 1px dotted #eee;
border-radius: 5px;
overflow: auto;
clear: both;
padding: 5px;
margin-bottom: 10px;
}
div.form .form-group-vert {
border: 1px dotted #aaa;
border-radius: 5px;
overflow: auto;
padding: 10px;
margin-bottom: 10px;
box-shadow: 3px 3px 5px #eee;
}
div.form .form-group-vert .col {
float: none;
margin-right: 10px;
}
#list-auth-items{
border: 1px solid red;
padding: 10px;
border: 1px solid #efefef;
border-radius: 5px;
box-shadow: 3px 3px 5px #eee;
}
#list-auth-items .row{
background-color: #efefef;
padding: 5px;
border-radius: 5px;
margin-bottom: 10px;
display: block;
width: 70%;
overflow: auto;
}
#list-auth-items .col{
text-align: left;
margin-bottom: 3px;
min-width: 100px;
}
#list-auth-items hr {
margin:0px;
}
#list-auth-items .authname{
font-weight: bold;
background-color: #ddd;
border-radius: 5px;
padding: 3px;
}
#list-auth-items .operacion{
float: left;
}
#list-auth-items .operacion-eliminar{
float: right;
text-align: right;
width: auto;
min-width: 0;
}
#list-auth-items .descr{
font-style: italic;
color: #666;
display: block;
clear: both;
margin-top: 5px;
}
#list-auth-items .referencias{
}
#list-auth-items ul.detallar-referencias {
list-style: none;
overflow: auto;
display: none;
}
#list-auth-items ul.detallar-referencias li{
float: left;
margin-right: 10px;
}
/*
auth-item muestra los CAuthItems,
*/
ul.auth-item {
overflow: auto;
list-style: none;
text-align: left;
}
ul.auth-item input {
margin-right: 10px;
float: left;
}
ul.auth-item li {
float: left;
margin-left: 10px;
margin-bottom: 10px;
border: 1px dotted #aaa;
padding: 5px;
min-width: 150px;
border-radius: 5px;
box-shadow: 3px 3px 5px #eee;
}
ul.auth-item li .loader{
float: right;
}
ul.auth-item li.checked{
background-color: rgb(200,255,240);
}
ul.auth-item li.selected{
background-color: rgb(200,240,255);
}
ul.auth-item li.loop{
background-color: #ddd;
}
#auth-item-tree ul ul li{
}
#auth-item-tree ul ul ul li{
}
#auth-item-tree ul ul .itemtext {
}
#auth-item-tree ul ul ul .itemchildtext{
}
#auth-item-tree ul ul .checked {
color: blue;
}
#auth-item-tree ul ul ul .checked{
color: blue;
}
#auth-item-tree .loop{
color: red;
font-style: italic;
}
div.user-assignments-role-list {
}
div.user-assignments-detail {
overflow: auto;
}
div.user-assignments-detail .lista{
border: 1px solid blue;
float: left;
margin-right: 10px;
width: 40%;
padding: 10px;
border: 1px solid #eee;
border-radius: 5px;
}
div.user-assignments-detail .boton {
background-image: url("hand.png");
background-repeat: no-repeat;
height: 32px;
padding: 5px;
padding-left: 34px;
font-weight: bold;
text-transform: capitalize;
text-decoration: underline;
color: rgb(0,100,255);
}
div.user-assignments-detail .boton:hover{
background-color: rgb(200,255,200);
}
div.user-assignments-detail #lista1 .boton {
background-image: url("hand-off.png");
}
div.user-assignments-detail #lista2 .boton {
background-image: url("hand.png");
}
/**
* CSS styles for CLinkPager.
*
* @author Qiang Xue <qiang.xue@gmail.com>
* @link http://www.yiiframework.com/
* @copyright 2008-2010 Yii Software LLC
* @license http://www.yiiframework.com/license/
* @since 1.0
*/
ul.yiiPager
{
font-size:11px;
border:0;
margin:0;
padding:0;
line-height:100%;
display:inline;
}
ul.yiiPager li
{
display:inline;
}
ul.yiiPager a:link,
ul.yiiPager a:visited
{
border:solid 1px #9aafe5;
font-weight:bold;
color:#0e509e;
padding:1px 6px;
text-decoration:none;
}
ul.yiiPager .page a
{
font-weight:normal;
}
ul.yiiPager a:hover
{
border:solid 1px #0e509e;
}
ul.yiiPager .selected a
{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
}
ul.yiiPager .hidden a
{
border:solid 1px #DEDEDE;
color:#888888;
}
/**
* Hide first and last buttons by default.
*/
ul.yiiPager .first,
ul.yiiPager .last
{
display:none;
}
\ No newline at end of file
table.detail-view .null
{
color: pink;
}
table.detail-view
{
background: white;
border-collapse: collapse;
width: 100%;
margin: 0;
}
table.detail-view th, table.detail-view td
{
font-size: 0.9em;
border: 1px white solid;
padding: 0.3em 0.6em;
vertical-align: top;
}
table.detail-view th
{
text-align: right;
width: 160px;
}
table.detail-view tr.odd
{
background:#E5F1F4;
}
table.detail-view tr.even
{
background:#F8F8F8;
}
table.detail-view tr.odd th
{
}
table.detail-view tr.even th
{
}
This diff is collapsed.
.grid-view-loading
{
background:url(loading.gif) no-repeat;
}
.grid-view
{
padding: 15px 0;
}
.grid-view table.items
{
background: white;
border-collapse: collapse;
width: 100%;
border: 1px #D0E3EF solid;
}
.grid-view table.items th, .grid-view table.items td
{
font-size: 0.9em;
border: 1px white solid;
padding: 0.3em;
}
.grid-view table.items th
{
color: white;
background: url("bg.gif") repeat-x scroll left top white;
text-align: center;
}
.grid-view table.items th a
{
color: #EEE;
font-weight: bold;
text-decoration: none;
}
.grid-view table.items th a:hover
{
color: #FFF;
}
.grid-view table.items th a.asc
{
background:url(up.gif) right center no-repeat;
padding-right: 10px;
}
.grid-view table.items th a.desc
{
background:url(down.gif) right center no-repeat;
padding-right: 10px;
}
.grid-view table.items tr.even
{
background: #F8F8F8;
}
.grid-view table.items tr.odd
{
background: #E5F1F4;
}
.grid-view table.items tr.selected
{
background: #BCE774;
}
.grid-view table.items tr:hover.selected
{
background: #CCFF66;
}
.grid-view table.items tbody tr:hover
{
background: #ECFBD4;
}
.grid-view .link-column img
{
border: 0;
}
.grid-view .button-column
{
text-align: center;
width: 60px;
}
.grid-view .button-column img
{
border: 0;
}
.grid-view .checkbox-column
{
width: 15px;
}
.grid-view .summary
{
margin: 0 0 5px 0;
text-align: right;
}
.grid-view .pager
{
margin: 5px 0 0 0;
text-align: right;
}
.grid-view .empty
{
font-style: italic;
}
.grid-view .filters input,
.grid-view .filters select
{
width: 100%;
border: 1px solid #ccc;
}
\ No newline at end of file
/**
* jQuery Yii ListView plugin file.
*
* @author Qiang Xue <qiang.xue@gmail.com>
* @link http://www.yiiframework.com/
* @copyright 2008-2010 Yii Software LLC
* @license http://www.yiiframework.com/license/
*/
;(function($) {
var yiiXHR = {};
/**
* yiiListView set function.
* @param options map settings for the list view. Availablel options are as follows:
* - ajaxUpdate: array, IDs of the containers whose content may be updated by ajax response
* - ajaxVar: string, the name of the request variable indicating the ID of the element triggering the AJAX request
* - ajaxType: string, the type (GET or POST) of the AJAX request
* - pagerClass: string, the CSS class for the pager container
* - sorterClass: string, the CSS class for the sorter container
* - updateSelector: string, the selector for choosing which elements can trigger ajax requests
* - beforeAjaxUpdate: function, the function to be called before ajax request is sent
* - afterAjaxUpdate: function, the function to be called after ajax response is received
*/
$.fn.yiiListView = function(options) {
return this.each(function(){
var settings = $.extend({}, $.fn.yiiListView.defaults, options || {}),
$this = $(this),
id = $this.attr('id');
if(settings.updateSelector == undefined) {
settings.updateSelector = '#'+id+' .'+settings.pagerClass.replace(/\s+/g,'.')+' a, #'+id+' .'+settings.sorterClass.replace(/\s+/g,'.')+' a';
}
$.fn.yiiListView.settings[id] = settings;
if(settings.ajaxUpdate.length > 0) {
$(document).on('click.yiiListView', settings.updateSelector,function(){
if(settings.enableHistory && window.History.enabled) {
var href = $(this).attr('href');
if(href){
var url = href.split('?'),
params = $.deparam.querystring('?'+ (url[1] || ''));
delete params[settings.ajaxVar];
var updateUrl = $.param.querystring(url[0], params);
window.History.pushState({url: updateUrl}, document.title, updateUrl);
}
} else {
$.fn.yiiListView.update(id, {url: $(this).attr('href')});
}
return false;
});
if(settings.enableHistory && window.History.enabled) {
$(window).bind('statechange', function() { // Note: We are using statechange instead of popstate
var State = window.History.getState(); // Note: We are using History.getState() instead of event.state
if (State.data.url === undefined) {
State.data.url = State.url;
}
$.fn.yiiListView.update(id, State.data);
});
}
}
});
};
$.fn.yiiListView.defaults = {
ajaxUpdate: [],
ajaxVar: 'ajax',
ajaxType: 'GET',
pagerClass: 'pager',
loadingClass: 'loading',
sorterClass: 'sorter'
// updateSelector: '#id .pager a, '#id .sort a',
// beforeAjaxUpdate: function(id) {},
// afterAjaxUpdate: function(id, data) {},
// url: 'ajax request URL'
};
$.fn.yiiListView.settings = {};
/**
* Returns the key value for the specified row
* @param id string the ID of the list view container
* @param index integer the zero-based index of the data item
* @return string the key value
*/
$.fn.yiiListView.getKey = function(id, index) {
return $('#'+id+' > div.keys > span:eq('+index+')').text();
};
/**
* Returns the URL that generates the list view content.
* @param id string the ID of the list view container
* @return string the URL that generates the list view content.
*/
$.fn.yiiListView.getUrl = function(id) {
var settings = $.fn.yiiListView.settings[id];
return settings.url || $('#'+id+' > div.keys').attr('title');
};
/**
* Performs an AJAX-based update of the list view contents.
* @param id string the ID of the list view container
* @param options map the AJAX request options (see jQuery.ajax API manual). By default,
* the URL to be requested is the one that generates the current content of the list view.
*/
$.fn.yiiListView.update = function(id, options) {
var customError,
settings = $.fn.yiiListView.settings[id];
if (options && options.error !== undefined) {
customError = options.error;
delete options.error;
}
options = $.extend({
type: settings.ajaxType,
url: $.fn.yiiListView.getUrl(id),
success: function(data,status) {
$.each(settings.ajaxUpdate, function(i,v) {
var id='#'+v;
$(id).replaceWith($(id,'<div>'+data+'</div>'));
});
if(settings.afterAjaxUpdate != undefined)
settings.afterAjaxUpdate(id, data);
},
complete: function() {
$('#'+id).removeClass(settings.loadingClass);
yiiXHR[id] = null;
},
error: function(XHR, textStatus, errorThrown) {
var ret, err;
if (XHR.readyState === 0 || XHR.status === 0) {
return;
}
if (customError !== undefined) {
ret = customError(XHR);
if (ret !== undefined && !ret) {
return;
}
}
switch (textStatus) {
case 'timeout':
err = 'The request timed out!';
break;
case 'parsererror':
err = 'Parser error!';
break;
case 'error':
if (XHR.status && !/^\s*$/.test(XHR.status)) {
err = 'Error ' + XHR.status;
} else {
err = 'Error';
}
if (XHR.responseText && !/^\s*$/.test(XHR.responseText)) {
err = err + ': ' + XHR.responseText;
}
break;
}
if (settings.ajaxUpdateError !== undefined) {
settings.ajaxUpdateError(XHR, textStatus, errorThrown, err, id);
} else if (err) {
alert(err);
}
}
}, options || {});
if(options.data!=undefined && options.type=='GET') {
options.url = $.param.querystring(options.url, options.data);
options.data = {};
}
if(settings.ajaxVar)
options.url = $.param.querystring(options.url, settings.ajaxVar+'='+id);
if(yiiXHR[id] != null) {
yiiXHR[id].abort();
}
$('#'+id).addClass(settings.loadingClass);
if(settings.beforeAjaxUpdate != undefined)
settings.beforeAjaxUpdate(id, options);
yiiXHR[id] = $.ajax(options);
};
})(jQuery);
.list-view-loading
{
background:url(loading.gif) no-repeat;
}
.list-view .summary
{
margin: 0 0 5px 0;
text-align: right;
}
.list-view .sorter
{
margin: 0 0 5px 0;
text-align: right;
}
.list-view .pager
{
margin: 5px 0 0 0;
text-align: right;
}
.list-view .sorter
{
font-size: 0.9em;
}
.list-view .sorter ul
{
display: inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.list-view .sorter li
{
display: inline;
margin: 0 0 0 5px;
padding: 0;
}
.list-view .sorter a.asc
{
background:url(up.gif) right center no-repeat;
padding-right: 10px;
}
.list-view .sorter a.desc
{
background:url(down.gif) right center no-repeat;
padding-right: 10px;
}
...@@ -8,9 +8,9 @@ ...@@ -8,9 +8,9 @@
return array( return array(
'basePath'=>dirname(__FILE__).DIRECTORY_SEPARATOR.'..', 'basePath'=>dirname(__FILE__).DIRECTORY_SEPARATOR.'..',
'name'=>'Sistema Informático para Registro de Eventos y Publicaciones', 'name'=>'Sistema Informático para Registro de Eventos y Publicaciones',
'theme'=>'classic',
'language'=>'es', 'language'=>'es',
'sourceLanguage'=>'en', 'sourceLanguage'=>'en',
'theme'=>'classic',
'charset'=>'utf-8', 'charset'=>'utf-8',
// preloading 'log' component // preloading 'log' component
......
This diff is collapsed.
<?php /* @var $this Controller */ ?> <?php /* @var $this Controller */ ?>
<?php $this->beginContent('//layouts/main'); ?> <?php $this->beginContent('//layouts/main'); ?>
<table> <div class="container">
<tr> <div class="row-fluid">
<td> <div class="span12">
<div class="content">
<div id="content">
<?php echo $content; ?>
</div><!-- content -->
</div>
</td>
<td>
<div class="span-5 last">
<div id="sidebar">
<?php <?php
$this->beginWidget('zii.widgets.CPortlet', array(
'title'=>'Operaciones',
));
$this->widget('zii.widgets.CMenu', array( $this->widget('zii.widgets.CMenu', array(
'items'=>$this->menu, 'items' => $this->menu,
'htmlOptions'=>array('class'=>'operations'), 'htmlOptions' => array('class' =>'nav nav-pills'),
)); ));
$this->endWidget();
?> ?>
</div><!-- sidebar -->
</div> </div>
</td> </div>
</tr> <div class="row-fluid">
</table> <div class="span12">
<?php echo $content; ?>
</div>
</div>
</div>
<?php $this->endContent(); <?php $this->endContent();
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
<!--[if lt IE 8]> <!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/ie.css" media="screen, projection"> <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/ie.css" media="screen, projection">
<![endif]--> <![endif]-->
<link href="<?php echo Yii::app()->theme->baseUrl;?>/css/bootstrap.min.css" rel="stylesheet">
<link href="<?php echo Yii::app()->theme->baseUrl;?>/css/responsive.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/main.css"> <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/main.css">
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/form.css"> <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/form.css">
...@@ -21,7 +22,7 @@ ...@@ -21,7 +22,7 @@
<body> <body>
<div class="container" id="page"> <div class="container" id="page">
<div id="header" style="background-image:url(/sirep/images/banner.jpg)" style="background-attachment: fixed; background-position:center;">
<div id="logo"><?php echo CHtml::encode(Yii::app()->name); ?></div> <div id="logo"><?php echo CHtml::encode(Yii::app()->name); ?></div>
</div><!-- header --> </div><!-- header -->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment