Skip to content

Commit

Permalink
started with menu
Browse files Browse the repository at this point in the history
  • Loading branch information
@drfho
drfho committed Jun 7, 2018
1 parent f4d1206 commit f7bb2cd
Show file tree
Hide file tree
Showing 4 changed files with 121 additions and 62 deletions.
61 changes: 55 additions & 6 deletions src/App/dtml/manage_page_footer.dtml
View file
@@ -1,10 +1,59 @@
</body>
<script>
// Wrap form element with fluid-container if missing
$(function() {
if ( $('main.container-fluid').length==0 ) {
$('form').wrap('<main class="container-fluid"></main>');
}
});
// Wrap form element with fluid-container if missing
$(function() {
if ( $('main.container-fluid').length==0 ) {
$('form').wrap('<main class="container-fluid"></main>');
}
});
$('i[title*="UserFolder"]').replaceWith('<i data-title="Access Control List" class="fa fa-users"></i>');
$('i[title*="PluggableAuthService"]').replaceWith('<i data-title="Pluggable Auth Service" class="fa fa-users"></i>');
$('i[title*="User"]').replaceWith('<i data-title="User" class="far fa-user"></i>');
$('i[title*="TemporaryFolder"]').replaceWith('<i data-title="Folder" class="far fa-folder"></i>');
$('i[title*="Filesystem Directory View"]').replaceWith('<i data-title="Filesystem Directory View" class="far fa-folder-open"></i>');
$('i[title*="Folder"]').replaceWith('<i data-title="Folder" class="far fa-folder"></i>');
$('i[title*="Error"]').replaceWith('<i data-title="Error" class="fa fa-exclamation"></i>');
$('i[title*="Script"]').replaceWith('<i data-title="Script (Python)" class="fa fa-terminal"></i>');
$('i[title*="ExternalMethod"]').replaceWith('<i data-title="External Python Method" class="fa fa-external-link-square"></i>');
$('i[title*="DTML"]').replaceWith('<i data-title="DTML" class="far fa-file"></i>');
$('i[title*="Template"]').replaceWith('<i data-title="Template" class="far fa-file-code"></i>');
$('i[title*="File"]').replaceWith('<i data-title="File Object" class="far fa-file"></i>');
$('i[title*="Mail"]').replaceWith('<i data-title="Mail Folder" class="far fa-envelope"></i>');
$('i[title*="Image"]').replaceWith('<i data-title="Image" class="far fa-file-image"></i>');
$('i[title*="Control"]').replaceWith('<i data-title="Control Panel" class="fa fa-cogs"></i>');
$('i[title*="Database"]').replaceWith('<i data-title="Database" class="far fa-database"></i>');
$('i[title*="ZSQLiteDA"]').replaceWith('<i data-title="Database" class="far fa-database"></i>');
$('i[title*="ZMySQLDA"]').replaceWith('<i data-title="MySQL-Database Adapter" class="far fa-database"></i>');
$('i[title*="Product"]').replaceWith('<i data-title="Installed Product" class="fa fa-gift"></i>');
$('i[title*="ZSQL"]').replaceWith('<i data-title="ZSQL-Method" class="far fa-puzzle-piece"></i>');
$('i[title*="/p_/pl"]').replaceWith('<i data-title="Expand..." class="far fa-plus-square"></i>');
$('i[title*="/p_/mi"]').replaceWith('<i data-title="Collapse..." class="far fa-minus-square"></i>');
$('i[title*="/p_/davlocked"]').replaceWith('<i data-title="WebDAV" class="fa fa-retweet"></i>');
$('i[title*="DebugManager"]').replaceWith('<i data-title="Debug Manager" class="far fa-bug"></i>');
$('i[title*="SiteErrorLog"]').replaceWith('<i data-title="Site Error Log" class="far fa-bug"></i>');
$('i[title*="ZMS"]').replaceWith('<i data-title="ZMS Root" class="fas fa-home"></i>');
$('i[title*="ZMSObject.png"]').replaceWith('<i data-title="ZMS Content" class="far fa-file"></i>');
$('i[title*="Monster"]').replaceWith('<i data-title="Virtual Host Monster" class="fa fa-road"></i>');
$('i[title*="ZCatalog"]').replaceWith('<i data-title="ZCatalog" class="far fa-search"></i>');
$('i[title*="Browser Session"]').replaceWith('<i data-title="Browser Session Manager" class="far fa-bookmark"></i>');
$('i[title*="Session Data"]').replaceWith('<i data-title="Session Data Manager" class="fab fa-bookmark"></i>');


// ALL THE OTHER ICONS
$('img[src*="misc_"]').replaceWith('<i class="fa fa-circle-blank"></i>');
$('img[src*="zms_"]').replaceWith('<i class="fa fa-circle-blank"></i>');


// SHOW MENU TOGGLE ONLY ON LIST PAGES
if ($('.nav a[href="manage_findForm"]').length > 0 ) {
$('#toggle_menu').show();
} else {
$('#toggle_menu').hide();
}
// HELP ICON
$('a[href*="HelpSys"]').empty()
.append('<i class="fa fa-question-sign"></i>')
.css('border-color','transparent');

</script>
</html>
30 changes: 23 additions & 7 deletions src/App/dtml/manage_page_header.dtml
View file
@@ -1,11 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<dtml-unless management_page_charset>
<dtml-call "REQUEST.set('management_page_charset','utf-8')">
</dtml-unless>
<dtml-unless management_page_charset
><dtml-call "REQUEST.set('management_page_charset','utf-8')"
></dtml-unless>
<meta http-equiv="content-type" content="text/html;charset=&dtml-management_page_charset;" />
<dtml-call "RESPONSE and RESPONSE.setHeader('content-type','text/html;charset='+management_page_charset)">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

<title><dtml-if title_or_id><dtml-var title_or_id><dtml-else>Zope</dtml-if></title>
<dtml-in css_urls>
<link rel="stylesheet" type="text/css" href="&dtml-sequence-item;" />
Expand All @@ -14,9 +16,23 @@
<script type="text/javascript" src="&dtml-sequence-item;"></script>
</dtml-in>

<!-- FONTAWESOME: to be integrated -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

</head>
<!-- REFACT what is a better way to get the last part of the current URL? -->
<body class="zmi zmi-<dtml-var "meta_type.replace(' ', '-')"> zmi-<dtml-var "URL0[_.len(URL1)+1:]">">
<body id="nodeid-<dtml-var "getId()">" class="zmi zmi-<dtml-var "this().meta_type.replace(' ', '-')"> zmi-<dtml-var "URL0[_.len(URL1)+1:]">">
<dtml-unless "'manage_menu' in REQUEST['URL']">
<!-- EXPERIMENTAL: TOGGLE FRAMED TREE MENU -->
<div id="toggle_menu" class="desktop">
<a href="#" onclick="javascript:toggle_menu()" target="_parent"
><i class="fa fa-bars"
title="Show/Hide Tree Menu of the Navigation Context">&nbsp;</i></a>
</div>
<script>
function toggle_menu() {
if (document.referrer.endsWith('/manage')) {
window.parent.location.href="manage_main";
} else {
window.parent.location.href="manage";
};
}
</script>
</dtml-unless>
88 changes: 41 additions & 47 deletions src/App/dtml/menu.dtml
View file
@@ -1,57 +1,51 @@
<dtml-var manage_page_header>

<table width="100%">
<tr bgcolor="#eeeeee">
<td>
<a href="Control_Panel/manage_main" target="manage_main">
Control Panel
</a>
</td>
</tr>
</table>
<br />

<table width="100%">
<tr bgcolor="#000000">
<td valign="top" nowrap="nowrap">
<a href="manage_workspace" target="manage_main" style="color: #ffffff;">
<dtml-if expr="URLPATH1==BASEPATH1">
Root Folder
<dtml-else>
&dtml-id;
</dtml-if>
</a>
</td>
</tr>

<div class="dropdown" id="menu_buttons">
<button title="Logged in as" class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<span class="caret"></span>Login: &dtml-AUTHENTICATED_USER;
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a id="menu_refresh" href="manage_menu">Refresh</a></li>
<li><a id="menu_save" href="manage_menu?save_layout=1">Save layout</a></li>
<li><a id="menu_logout" href="manage_zmi_logout">Logout</a></li>
<li role="separator" class="divider"></li>
<li><a id="menu_copyright" href="manage_copyright">&copy; Zope Foundation</a></li>
</ul>
</div>


<table id="menu_title">
<tr>
<td id="menu_workspace">
<dtml-if icon>
<a href="manage_workspace" target="manage_main"><img
src="&dtml-BASEPATH1;/&dtml-icon;" border="0"
title="Click to open this item" alt="&dtml-meta_type;" /></a>
</dtml-if>
<a href="manage_workspace" target="manage_main">
<dtml-if expr="URLPATH1==BASEPATH1">Root Folder<dtml-else>&dtml-id;</dtml-if>
</a>
</td>
</tr>
</table>

<div id="menu_tree">
<dtml-tree nowrap=1>
<a class="&dtml-zmi_icon;" href="&dtml.url_quote-tree-item-url;/manage_workspace"
<dtml-if icon>
<a href="&dtml.url_quote-tree-item-url;/manage_workspace"
target="manage_main"><img src="&dtml-BASEPATH1;/&dtml-icon;" border="0"
title="Click to open this item" alt="&dtml-meta_type;" /></a>
</dtml-if>
<a href="&dtml.url_quote-tree-item-url;/manage_workspace"
target="manage_main">&dtml-id;</a>
</dtml-tree>
<br />

<table width="100%" bgcolor="#6699cc">
<tr>
<td valign="top" align="center">
<div class="form-element">
<form action="&dtml-BASEPATH1;/manage_zmi_logout" method="POST" target="manage_main">
<span class="std-text">Logged in as <strong>&dtml-AUTHENTICATED_USER;</strong></span>
&nbsp;&nbsp;
<br />
<dtml-if "AUTHENTICATED_USER.getUserName() != 'Anonymous User'">
<input class="form-element" type="submit" name="submit" value="Logout" />
</dtml-if>
&nbsp;
</form>
</div>
</td>
</tr>
<tr>
<td align="center">
<strong><a href="manage_menu">Refresh menu</a></strong>
</td>
</tr>
</table>


<dtml-if save_layout>
<dtml-call "RESPONSE.setCookie('tree-s', REQUEST.get('tree-s'), expires=ZopeTime('2975-05-26').rfc822())">
</dtml-if>

<dtml-var manage_page_footer>

4 changes: 2 additions & 2 deletions src/OFS/zpt/main.zpt
View file
Expand Up @@ -65,13 +65,13 @@
</td>
<td class="zmi-object-type"
onclick="$(this).prev().children('input').trigger('click')">
<span title="Broken object"
<i title="Broken object"
class="icon-broken"
tal:attributes="class ob/zmi_icon | default;
title ob/meta_type | default">
<span class="sr-only"
tal:content="ob/meta_type | default">Broken object</span>
</span>
</i>
</td>
<td class="zmi-object-id">
<a tal:attributes="href string:${id}/manage_workspace"
Expand Down

0 comments on commit f7bb2cd

Please sign in to comment.