Netsyms/Mods-for-HESK-Netsyms
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Closes #176 restyle attachments to be more responsive

Browse Source 
While keeping the same features 😀
This commit is contained in:
Mike Koch 2015-03-23 01:00:15 -04:00
parent e9ff6b42ea
commit 79ebb90789
4 changed files with 47 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
admin/admin_ticket.php
View File

@ -1355,41 +1355,33 @@ function hesk_listAttachments($attachments='', $reply=0, $white=1)
return false; return false;
} }
/* Style and mousover/mousout */
$tmp = $white ? 'White' : 'Blue';
$style = 'class="option'.$tmp.'OFF" onmouseover="this.className=\'option'.$tmp.'ON\'" onmouseout="this.className=\'option'.$tmp.'OFF\'"';
/* List attachments */ /* List attachments */
echo '<p><b>'.$hesklang['attachments'].':</b><br />'; echo '<p><b>'.$hesklang['attachments'].':</b></p><br />';
$att=explode(',',substr($attachments, 0, -1)); $att=explode(',',substr($attachments, 0, -1));
$columnNumber = 0; echo '<div class="table-responsive">';
echo '<div class="row">'; echo '<table class="table table-striped attachment-table">';
echo '<thead><tr><th>&nbsp;</th><th>'.$hesklang['file_name'].'</th><th>'.$hesklang['action'].'</th></tr></thead>';
echo '<tbody>';
foreach ($att as $myatt) foreach ($att as $myatt)
{ {
$columnNumber++;
if ($columnNumber > 4)
{
echo '</div><div class="row">';
$columnNumber = 1;
}
list($att_id, $att_name) = explode('#', $myatt);
echo '<div class="col-md-3 col-sm-6 col-xs-12">';
list($att_id, $att_name) = explode('#', $myatt);
$fileparts = pathinfo($att_name); $fileparts = pathinfo($att_name);
$fontAwesomeIcon = hesk_getFontAwesomeIconForFileExtension($fileparts['extension']); $fontAwesomeIcon = hesk_getFontAwesomeIconForFileExtension($fileparts['extension']);
echo ' echo '
<div class="panel panel-default file-attachment-panel"> <tr>
<div class="panel-body file-attachment">'; <td>';
//-- File is an image //-- File is an image
if ($fontAwesomeIcon == 'fa fa-file-image-o') { if ($fontAwesomeIcon == 'fa fa-file-image-o') {
//-- Get the actual image location and display a thumbnail. It will be linked to a modal to view a larger size. //-- Get the actual image location and display a thumbnail. It will be linked to a modal to view a larger size.
$path = hesk_getSavedNameUrlForAttachment($att_id); $path = hesk_getSavedNameUrlForAttachment($att_id);
if ($path == '') { if ($path == '') {
echo '<i class="fa fa-ban fa-4x"></i>'; echo '<i class="fa fa-ban fa-4x" data-toggle="tooltip" title="'.$hesklang['attachment_removed'].'"></i>';
} else { } else {
echo '<img class="img-responsive attachment-image" src="'.$path.'" alt="'.$hesklang['image'].'" data-toggle="modal" data-target="#modal-attachment-'.$att_id.'">'; echo '<span data-toggle="tooltip" title="'.$hesklang['click_to_preview'].'">
<img src="'.$path.'" alt="'.$hesklang['image'].'" data-toggle="modal" data-target="#modal-attachment-'.$att_id.'">
</span>';
echo '<div class="modal fade" id="modal-attachment-'.$att_id.'" tabindex="-1" role="dialog" aria-hidden="true"> echo '<div class="modal fade" id="modal-attachment-'.$att_id.'" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
@ -1412,25 +1404,28 @@ function hesk_listAttachments($attachments='', $reply=0, $white=1)
//-- Display the FontAwesome icon in the panel's body //-- Display the FontAwesome icon in the panel's body
echo '<i class="'.$fontAwesomeIcon.' fa-4x"></i>'; echo '<i class="'.$fontAwesomeIcon.' fa-4x"></i>';
} }
echo '</div> echo'
<div class="panel-footer"> </td>
<td>
<p>'.$att_name.'</p>
</td>
<td>
<div class="btn-group">'; <div class="btn-group">';
/* Can edit and delete tickets? */ /* Can edit and delete tickets? */
if ($can_edit && $can_delete) if ($can_edit && $can_delete)
{ {
echo '<a class="btn btn-danger" href="admin_ticket.php?delatt='.$att_id.'&amp;reply='.$reply.'&amp;track='.$trackingID.'&amp;Refresh='.mt_rand(10000,99999).'&amp;token='.hesk_token_echo(0).'" onclick="return hesk_confirmExecute(\''.hesk_makeJsString($hesklang['pda']).'\');" data-toggle="tooltip" data-placement="top" data-original-title="'.$hesklang['delete'].'"><i class="fa fa-times"></i></a> '; echo '<a class="btn btn-danger" href="admin_ticket.php?delatt='.$att_id.'&amp;reply='.$reply.'&amp;track='.$trackingID.'&amp;Refresh='.mt_rand(10000,99999).'&amp;token='.hesk_token_echo(0).'" onclick="return hesk_confirmExecute(\''.hesk_makeJsString($hesklang['pda']).'\');" data-toggle="tooltip" data-placement="top" data-original-title="'.$hesklang['delete'].'"><i class="fa fa-times"></i></a> ';
} }
echo ' echo '<a class="btn btn-success" href="../download_attachment.php?att_id='.$att_id.'&amp;track='.$trackingID.'"
<a class="btn btn-success" href="../download_attachment.php?att_id='.$att_id.'&amp;track='.$trackingID.'" data-toggle="tooltip" data-placement="top" data-original-title="'.$hesklang['dnl'].'"><i class="fa fa-arrow-down"></i></a> data-toggle="tooltip" data-placement="top" data-original-title="'.$hesklang['dnl'].'">
</div> <i class="fa fa-arrow-down"></i>
<p><br>'.$att_name.'</p> </a>';
'; echo '</div>
echo '</div> </td>
</div> </tr>
'; ';
echo '</div>';
} }
echo '</div>'; echo '</tbody></table></div>';
return true; return true;
} // End hesk_listAttachments() } // End hesk_listAttachments()

19
css/hesk_newStyle.php
View File

@ -376,20 +376,17 @@ button.dropdown-submit {
border:none; border:none;
} }
.file-attachment { .attachment-table > tbody > tr > td > i {
min-height: 100px;
max-height: 100px;
text-align: center;
}
.file-attachment > i {
padding-top: 10px;
color: #ddd; color: #ddd;
text-shadow: 2px 2px #ccc; text-shadow: 2px 2px #ccc;
} }
.attachment-image { .attachment-table > tbody > tr > td {
margin: -15px; vertical-align: middle;
display:inline-block; }
.attachment-table > tbody > tr > td > span > img {
max-height: 80px;
max-width: 80px;
cursor: pointer; cursor: pointer;
} }

19
css/hesk_newStyleRTL.php
View File

@ -370,20 +370,17 @@ button.dropdown-submit {
border:none; border:none;
} }
.file-attachment { .attachment-table > tbody > tr > td > i {
min-height: 100px;
max-height: 100px;
text-align: center;
}
.file-attachment > i {
padding-top: 10px;
color: #ddd; color: #ddd;
text-shadow: 2px 2px #ccc; text-shadow: 2px 2px #ccc;
} }
.attachment-image { .attachment-table > tbody > tr > td {
margin: -15px; vertical-align: middle;
display:inline-block; }
.attachment-table > tbody > tr > td > span > img {
max-height: 80px;
max-width: 80px;
cursor: pointer; cursor: pointer;
} }

6
language/en/text.php
View File

@ -21,11 +21,15 @@ $hesklang['_COLLATE']='utf8_unicode_ci';
// This is the email break line that will be used in email piping // This is the email break line that will be used in email piping
$hesklang['EMAIL_HR']='------ Reply above this line ------'; $hesklang['EMAIL_HR']='------ Reply above this line ------';
// ADDED OR MODIFIED IN Mods for HESK 2.2.0 // ADDED OR MODIFIED IN Mods for HESK 2.1.1
$hesklang['new_article_default_type'] = 'Default Type for New Articles'; $hesklang['new_article_default_type'] = 'Default Type for New Articles';
$hesklang['new_article_default_type_help'] = 'Choose the default type for new knowledgebase articles.'; $hesklang['new_article_default_type_help'] = 'Choose the default type for new knowledgebase articles.';
$hesklang['kb_draft3'] = 'The article is saved but not yet published. It can only be read by staff who has permission to $hesklang['kb_draft3'] = 'The article is saved but not yet published. It can only be read by staff who has permission to
manage knowledgebase articles.'; // This is exactly the same as kb_draft2 with all HTML removed manage knowledgebase articles.'; // This is exactly the same as kb_draft2 with all HTML removed
$hesklang['file_name'] = 'File Name';
$hesklang['action'] = 'Action';
$hesklang['click_to_preview'] = 'Click to preview';
$hesklang['attachment_removed'] = 'This attachment has been removed and cannot be viewed / downloaded';
// ADDED OR MODIFIED IN Mods for HESK 2.1.0 // ADDED OR MODIFIED IN Mods for HESK 2.1.0
$hesklang['e_mfh_settings'] = 'You will not be able to save your settings unless this file is writable by the script (CHMOD to 666)!'; $hesklang['e_mfh_settings'] = 'You will not be able to save your settings unless this file is writable by the script (CHMOD to 666)!';