OpenXE/www/pages/content/uservorlage_edit.tpl

<!--<table border="0" width="100%">
<tr><td><table width="100%"><tr><td>[USER_CREATE]</td></tr></table></td></tr>
</table>-->
<style>
	ul.ui-autocomplete {
		/*padding-top:100px;*/
	}
	#trdummy {
		height:0;
		width:0;
		overflow: hidden;
		display:none;
	}
</style>
<!-- gehort zu tabview -->
<div id="tabs">
    <ul>
        <li><a href="#tabs-1">{|Benutzervorlage|}</a></li>
        [VORRECHTE]<li><a href="#tabs-3">{|Rechte|}</a></li>[NACHRECHTE]
    </ul>
<!-- ende gehort zu tabview -->

<!-- erstes tab -->
<div id="tabs-1">
[MESSAGE]
<form enctype="multipart/form-data" action="" method="post" name="eprooform" id="usereditform">
[FORMHANDLEREVENT]

  <table class="tableborder" border="0" cellpadding="3" cellspacing="0" width="100%">
    <tbody>
      <tr valign="top" colspan="3">
        <td >
<fieldset><legend>{|Benutzervorlage|}</legend>
    <table width="100%" border="0">
    <tr><td>{|Bezeichnung|}:*</td><td><input type="text" id="bezeichnung" name="bezeichnung" value="[BEZEICHNUNG]" size="40"></td></tr>
    <tr><td width="200">{|Interne Beschreibung|}:</td><td><textarea name="beschreibung" rows=6 cols=40>[BESCHREIBUNG]</textarea>&nbsp;<i>{|Dient f&uuml;r Infos oder Notizen.|}</i></td></tr>


</table></fieldset>

[VORRECHTE]

<fieldset><legend>{|Rechtedatei heraufladen|}</legend>
	<table><tr><td width="200">{|Datei auswählen|}:</td><td><input type="hidden"/><input name="jsonvorlage" type="file" />
	</td></tr></table>
</fieldset>


[NACHRECHTE]

</td></tr>

    <tr valign="" height="" bgcolor="" align="" bordercolor="" class="klein" classname="klein">
    <td width="" valign="" height="" bgcolor="" align="right" colspan="3" bordercolor="" classname="orange2" class="orange2">
    <input type="submit" id="submit" name="submituservorlage" value="Speichern" />
    </tr>

    </tbody>
  </table>
</form>

</div>

<!-- tab view schließen -->
<style>
table.module {
	width: 100%;
	border-spacing: 1px;
}

table.module td.name {
	width: 100%;
	padding: 5px 10px;
	background:#5CCD00;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	border-radius: 3px;
	background:-moz-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5CCD00),color-stop(100%,#4AA400));
	background:-webkit-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-o-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-ms-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5CCD00',endColorstr='#4AA400',GradientType=0);
}

table.action {
  width: 100%;
	margin-bottom: 20px;
	border-spacing: 2px;
}

table.action td.blue {
  padding: 3px;
	background:#25A6E1;
	color: #fff;
	border: 1px solid #0D7EE8;
	border-radius: 2px;
	background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
	background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
}

table.action td.grey {
  padding: 3px;
  color: #fff;
  border-radius: 2px;
	background: #666666;
	background: -moz-linear-gradient(top, #666666 0%, #969696 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#969696));
	background: -webkit-linear-gradient(top, #666666 0%,#969696 100%);
	background: -o-linear-gradient(top, #666666 0%,#969696 100%);
	background: -ms-linear-gradient(top, #666666 0%,#969696 100%);
	background: linear-gradient(to bottom, #666666 0%,#969696 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#969696',GradientType=0 );
}

table.action td.blue:hover, td.grey:hover {
	cursor: pointer;
	text-shadow: 0px 2px 2px #555;
}

.allrightsremove {
	float: right;
	font-weight: normal;
}

.allrights {
	float: right;
	font-weight: normal;
}
</style>
<script>

function ChangeRights(el, vorlage, module, action) {
	var value = $(el).attr('value');
	if(value=='1') value = 0; else value = 1;
	$.ajax({
		url: './index.php?module=uservorlage&action=chrights&b_vorlage='+vorlage+'&b_module='+module+'&b_action='+action+'&b_value='+value, 
		success: function(r) {
      if((r+'').substr(0,5) == 'Error')
      {
        $('#trerror').remove();
        $(el).parents('table').first().parents('tr').first().prev().after('<tr id="trerror"><td><div class="error">'+(r+'').substr(5)+'</div></td></tr>');
        setTimeout(function(){$('#trerror').remove();},3000);
      }else{
        if(r==1) {
          $(el).attr('value', '1')
          $(el).removeClass('grey');
          $(el).addClass('blue');
        }else{
          $(el).attr('value', '0')
          $(el).removeClass('blue');
         $(el).addClass('grey');
        }
      }
		}
	});

}

var geladenSoll = 0;
var geladenIst = 0;

$(document).ready(function() {
  $('#roletext').on('change', function(){
			$('#role').val($(this).val());
	});
  $('#selrole').on('change', function(){
			if($(this).val()+'' === '' || $(this).val()+'' === 'Sonstiges') {
          $('#roletext').show();
          $('#role').val($('#roletext').val());
      }
			else {
          $('#roletext').hide();
          $('#role').val($(this).val());
      }
	});
  $('#selrole').trigger('change');
	$('td.name').append('<button class="allrights" onclick="">{|Alle setzen|}</button>');
	$('td.name').append('<button class="allrightsremove" onclick="">{|Alle entfernen|}</button>');
	$('.allrightsremove').click(function() {

		geladenSoll = 0;
		geladenIst = 0;

//		App.loading.open();

		var values = 0;
		var fields = 0;
		var rights = $(this).parent().parent().next().find('table.action').find('td');


		$.each(rights, function(key,elem) {

			var onclick = $(elem).attr('onclick');
			if (typeof onclick != 'undefined') {

				$(elem).attr('value', 1);
//				$(elem).removeClass('blue');
//				$(elem).addClass('grey');

				eval(onclick);

			}

		});
	});

	$('.allrights').click(function() {

		geladenSoll = 0;
		geladenIst = 0;

//		App.loading.open();

		var values = 0;
		var fields = 0;
		var rights = $(this).parent().parent().next().find('table.action').find('td');


		$.each(rights, function(key,elem) {

			var onclick = $(elem).attr('onclick');
			if (typeof onclick != 'undefined') {

					$(elem).attr('value', 0);
//		$(elem).removeClass('grey');
//				$(elem).addClass('blue');


				eval(onclick);

			}

		});
	});
});
  
</script>

[VORRECHTE]
<div id="tabs-3">
[HINWEISADMIN]
	<br><br>
	<table class="module">
		[MODULES]
	</table>

</div>
[NACHRECHTE]
</div>