Improving UI when adding users to a session

skala
Julio Montoya 13 years ago
parent 12f0e1890f
commit 2526ada7bb
  1. 172
      main/admin/add_users_to_session.php
  2. 24
      main/admin/add_users_to_usergroup.php
  3. 5
      main/css/base.css
  4. 1
      main/inc/lib/display.lib.php

@ -462,99 +462,73 @@ if ($add_type=='multiple') {
<input type="hidden" name="add_type" /> <input type="hidden" name="add_type" />
<?php <?php
if(!empty($errorMsg)) { if (!empty($errorMsg)) {
Display::display_normal_message($errorMsg); //main API Display::display_normal_message($errorMsg); //main API
} }
?> ?>
<div class="row">
<div class="span5">
<div class="multiple_select_header">
<b><?php echo get_lang('UserListInPlatform') ?> :</b>
<?php if ($add_type=='multiple') { ?>
<?php echo get_lang('FirstLetterUser'); ?> :
<select id="first_letter_user" name="firstLetterUser" onchange = "change_select(this.value);" >
<option value = "%">--</option>
<?php
echo Display :: get_alphabet_options();
?>
</select>
<?php } ?>
</div>
<div id="content_source">
<?php
if (!($add_type=='multiple')) {
?>
<input type="text" id="user_to_add" onkeyup="xajax_search_users(this.value,'single')" />
<div id="ajax_list_users_single"></div>
<?php
} else {
?>
<div id="ajax_list_users_multiple">
<select id="origin_users" name="nosessionUsersList[]" multiple="multiple" size="15" class="span5">
<?php
foreach ($nosessionUsersList as $uid => $enreg) {
?>
<option value="<?php echo $uid; ?>" <?php if(in_array($uid,$UserList)) echo 'selected="selected"'; ?>><?php echo api_get_person_name($enreg['fn'], $enreg['ln']).' ('.$enreg['un'].')'; ?></option>
<?php
}
?>
</select>
</div>
<input type="checkbox" onchange="checked_in_no_session(this.checked);" name="user_with_any_session" id="user_with_any_session_id">
<label for="user_with_any_session_id"><?php echo get_lang('UsersRegisteredInNoSession'); ?></label>
<?php
}
unset($nosessionUsersList);
?>
</div>
</div>
<table border="0" cellpadding="5" cellspacing="0" width="100%"> <div class="span2">
<!-- Users --> <div style="padding-top:54px;width:auto;text-align: center;">
<tr>
<td align="center"><b><?php echo get_lang('UserListInPlatform') ?> :</b>
</td>
<td></td>
<td align="center"><b><?php echo get_lang('UserListInSession') ?> :</b></td>
</tr>
<?php if ($add_type=='multiple') { ?>
<tr>
<td align="center">
<?php echo get_lang('FirstLetterUser'); ?> :
<select id="first_letter_user" name="firstLetterUser" onchange = "change_select(this.value);" >
<option value = "%">--</option>
<?php <?php
echo Display :: get_alphabet_options(); if ($ajax_search) {
?> ?>
</select> <button class="arrowl" type="button" onclick="remove_item(document.getElementById('destination_users'))" ></button>
</td> <?php
<td align="center">&nbsp;</td> } else {
</tr> ?>
<?php } ?> <button class="arrowr" type="button" onclick="moveItem(document.getElementById('origin_users'), document.getElementById('destination_users'))" onclick="moveItem(document.getElementById('origin_users'), document.getElementById('destination_users'))"></button>
<tr> <br /><br />
<td align="center"> <button class="arrowl" type="button" onclick="moveItem(document.getElementById('destination_users'), document.getElementById('origin_users'))" onclick="moveItem(document.getElementById('destination_users'), document.getElementById('origin_users'))"></button>
<div id="content_source">
<?php
if (!($add_type=='multiple')) {
?>
<input type="text" id="user_to_add" onkeyup="xajax_search_users(this.value,'single')" />
<div id="ajax_list_users_single"></div>
<?php
} else {
?>
<div id="ajax_list_users_multiple">
<select id="origin_users" name="nosessionUsersList[]" multiple="multiple" size="15" style="width:380px;">
<?php
foreach ($nosessionUsersList as $uid => $enreg) {
?>
<option value="<?php echo $uid; ?>" <?php if(in_array($uid,$UserList)) echo 'selected="selected"'; ?>><?php echo api_get_person_name($enreg['fn'], $enreg['ln']).' ('.$enreg['un'].')'; ?></option>
<?php
}
?>
</select>
</div>
<input type="checkbox" onchange="checked_in_no_session(this.checked);" name="user_with_any_session" id="user_with_any_session_id">
<label for="user_with_any_session_id"><?php echo get_lang('UsersRegisteredInNoSession'); ?></label>
<?php
}
unset($nosessionUsersList);
?>
</div>
</td>
<td width="10%" valign="middle" align="center">
<?php
if ($ajax_search) {
?>
<button class="arrowl" type="button" onclick="remove_item(document.getElementById('destination_users'))" ></button>
<?php
} else {
?>
<button class="arrowr" type="button" onclick="moveItem(document.getElementById('origin_users'), document.getElementById('destination_users'))" onclick="moveItem(document.getElementById('origin_users'), document.getElementById('destination_users'))"></button>
<br /><br />
<button class="arrowl" type="button" onclick="moveItem(document.getElementById('destination_users'), document.getElementById('origin_users'))" onclick="moveItem(document.getElementById('destination_users'), document.getElementById('origin_users'))"></button>
<?php
}
?>
<br /><br /><br /><br /><br /><br />
</td>
<td align="center">
<select id="destination_users" name="sessionUsersList[]" multiple="multiple" size="15" style="width:380px;">
<?php
foreach($sessionUsersList as $enreg) {
?>
<option value="<?php echo $enreg['user_id']; ?>"><?php echo api_get_person_name($enreg['firstname'], $enreg['lastname']).' ('.$enreg['username'].')'; ?></option>
<?php
}
unset($sessionUsersList);
?>
</select></td> <?php
</tr> }
<tr> ?>
<td colspan="3" align="center"> </div>
<br /> <br />
<br />
<?php <?php
if(isset($_GET['add'])) { if(isset($_GET['add'])) {
echo '<button class="save" type="button" value="" onclick="valide()" >'.get_lang('FinishSessionCreation').'</button>'; echo '<button class="save" type="button" value="" onclick="valide()" >'.get_lang('FinishSessionCreation').'</button>';
@ -564,12 +538,26 @@ unset($sessionUsersList);
} }
?> ?>
</td> </div>
</tr>
</table>
</form>
<script type="text/javascript"> <div class="span5">
<div class="multiple_select_header">
<b><?php echo get_lang('UserListInSession') ?> :</b>
</div>
<select id="destination_users" name="sessionUsersList[]" multiple="multiple" size="15" class="span5">
<?php
foreach($sessionUsersList as $enreg) {
?>
<option value="<?php echo $enreg['user_id']; ?>"><?php echo api_get_person_name($enreg['firstname'], $enreg['lastname']).' ('.$enreg['username'].')'; ?></option>
<?php
}
unset($sessionUsersList);
?>
</select>
</div>
</div>
</form>
<script>
<!-- <!--
function moveItem(origin , destination){ function moveItem(origin , destination){

@ -266,15 +266,16 @@ if(!empty($errorMsg)) {
<div class="row"> <div class="row">
<div class="span5"> <div class="span5">
<b><?php echo get_lang('UsersInPlatform') ?> :</b><br /> <div class="multiple_select_header">
<b><?php echo get_lang('UsersInPlatform') ?> :</b>
<?php echo get_lang('FirstLetterUser'); ?> : <?php echo get_lang('FirstLetterUser'); ?> :
<select id="first_letter_user" name="firstLetterUser" onchange="change_select();"> <select id="first_letter_user" name="firstLetterUser" onchange="change_select();">
<option value = "%">--</option> <option value = "%">--</option>
<?php <?php
echo Display :: get_alphabet_options($first_letter_user); echo Display :: get_alphabet_options($first_letter_user);
?> ?>
</select> </select>
</div>
<?php echo Display::select('elements_not_in_name', $elements_not_in, '',array('class'=>'span5', 'multiple'=>'multiple','id'=>'elements_not_in','size'=>'15px'),false); ?> <?php echo Display::select('elements_not_in_name', $elements_not_in, '',array('class'=>'span5', 'multiple'=>'multiple','id'=>'elements_not_in','size'=>'15px'),false); ?>
<br /> <br />
@ -291,9 +292,10 @@ if(!empty($errorMsg)) {
</div> </div>
</div> </div>
<div class="span5"> <div class="span5">
<br /><br /> <div class="multiple_select_header">
<b><?php echo get_lang('UsersInGroup') ?> :</b><br />
<b><?php echo get_lang('UsersInGroup') ?> :</b>
</div>
<?php <?php
echo Display::select('elements_in_name[]', $elements_in, '', array('class'=>'span5', 'multiple'=>'multiple','id'=>'elements_in','size'=>'15px'),false ); echo Display::select('elements_in_name[]', $elements_in, '', array('class'=>'span5', 'multiple'=>'multiple','id'=>'elements_in','size'=>'15px'),false );
unset($sessionUsersList); unset($sessionUsersList);

@ -4749,4 +4749,9 @@ i.size-32.icon-new-work{
.xdebug-error { .xdebug-error {
margin-top: 20px; margin-top: 20px;
}
.multiple_select_header {
height: 35px;
margin-bottom: 15px;
} }

@ -57,7 +57,6 @@ class Display {
self::$global_template->preview_theme = self::$preview_style; self::$global_template->preview_theme = self::$preview_style;
self::$global_template->set_css_files(); self::$global_template->set_css_files();
self::$global_template->set_js_files(); self::$global_template->set_js_files();
} }
if (!empty($page_header)) { if (!empty($page_header)) {
self::$global_template->assign('header', $page_header); self::$global_template->assign('header', $page_header);

Loading…
Cancel
Save