Skip to content
This repository has been archived by the owner on Nov 25, 2020. It is now read-only.

Commit

Permalink
My Account improvements
Browse files Browse the repository at this point in the history
  • Loading branch information
@cdujeu
cdujeu committed Sep 10, 2016
1 parent 2ac4d41 commit 5635472
Show file tree
Hide file tree
Showing 7 changed files with 171 additions and 101 deletions.
99 changes: 74 additions & 25 deletions core/src/plugins/access.ajxp_user/dashboard.css
View file
Expand Up @@ -5,20 +5,6 @@
#userdashboard_main_tab div.header_resizer div.header_label {
padding-top: 7px;
}
#userdashboard_main_tab div.class-FetchedResultPane {
background-color: #ffffff;
}
#userdashboard_main_tab div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed {
padding: 8px 4px;
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
#userdashboard_main_tab div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel {
padding-top: 7px;
font-size: 14px;
}
#userdashboard_main_tab div.class-FetchedResultPane div.thumbnail_selectable_cell.selected-focus {
background-color: #fb725c !important;
}
#userdashboard_main_tab.horizontal_tabulator {
display: block;
position: relative;
Expand All @@ -45,7 +31,8 @@
color: white !important;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorContainer span.toggleHeader span[class^="icon-"],
#userdashboard_main_tab.horizontal_tabulator div.tabulatorContainer span.toggleHeader span[class*=" icon-"] {
#userdashboard_main_tab.horizontal_tabulator div.tabulatorContainer span.toggleHeader span[class*=" icon-"],
#userdashboard_main_tab.horizontal_tabulator div.tabulatorContainer span.toggleHeader span.mdi {
display: inline;
float: right;
font-size: 18px;
Expand All @@ -70,32 +57,94 @@
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div#account_pane {
overflow-y: auto;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div#account_pane .title-flex {
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .title-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div#account_pane .title-flex h3 {
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .title-flex h3 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div#account_pane .title-flex div.actionBar {
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .title-flex div.actionBar,
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .title-flex div.action_bar {
margin: 20px 20px 0 0;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .action_bar,
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div #buttons_bar {
background-color: white !important;
padding-bottom: 20px;
border-bottom: 0;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .action_bar a,
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div #buttons_bar a {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24), 0 1px 6px rgba(0, 0, 0, 0.12);
margin: 0 3px;
display: inline-block;
border-radius: 2px !important;
padding: 7px 16px;
height: auto;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .action_bar a span.actionbar_button_label,
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div #buttons_bar a span.actionbar_button_label {
font-size: 14px;
}
@media only screen and (max-width: 720px) {
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div .action_bar a span.ajxp_icon_span,
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div #buttons_bar a span.ajxp_icon_span {
display: block !important;
margin: 0 0 10px;
}
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div h3.dashboard_panel_title {
position: absolute;
top: 18px;
left: 16px;
font-size: 28px;
font-weight: 300;
margin: 0;
color: rgba(0, 0, 0, 0.83);
margin-top: 16px;
padding-left: 20px;
font-size: 24px;
line-height: 32px;
font-weight: 400;
color: rgba(0, 0, 0, 0.87);
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane {
border-top: 1px solid #fafafa;
background-color: #ffffff;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane#shared_files_list {
border-top: 1px solid #eaeaea;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed {
padding: 10px 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel {
padding-top: 7px;
font-size: 14px;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell {
padding-right: 11px;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane div.thumbnail_selectable_cell.selected-focus {
background-color: #ff6a3c !important;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane .sort-table tr {
background-color: white !important;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane .sort-table tr td {
border-bottom: 1px solid #eaeaea;
padding: 10px ;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane .sort-table tr.selected-focus {
background-color: #ff6a3c !important;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane .sort-table tr.selected-focus td {
border-bottom: 0;
}
#userdashboard_main_tab.horizontal_tabulator div.tabulatorPanelsContainer > div div.class-FetchedResultPane .sort-table tr h3 {
padding: 5px 5px 10px;
font-size: 1em;
color: #00897B;
border-bottom: 0;
}
@media only screen and (max-width: 800px) {
#userdashboard_main_tab.horizontal_tabulator div.tabulatorContainer {
Expand Down
108 changes: 75 additions & 33 deletions core/src/plugins/access.ajxp_user/dashboard.less
View file
Expand Up @@ -11,21 +11,6 @@
padding-top: 7px;
}

div.class-FetchedResultPane{
background-color: #ffffff;
div.thumbnail_selectable_cell.detailed{
padding: 8px 4px;
border-bottom: 1px solid rgba(0,0,0,0.03);
div.thumbLabel{
padding-top: 7px;
font-size: 14px;
}
}
div.thumbnail_selectable_cell.selected-focus{
background-color: #fb725c !important;
}
}


&.horizontal_tabulator {
display: block;
Expand All @@ -51,7 +36,7 @@
&.toggleInactive{
color: white !important;
}
span[class^="icon-"], span[class*=" icon-"]{
span[class^="icon-"], span[class*=" icon-"], span.mdi{
display: inline;
float: right;
font-size: 18px;
Expand All @@ -77,30 +62,87 @@
box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
&#account_pane{
overflow-y: auto;
.title-flex{
display: flex;
h3{
flex: 1;
}
div.actionBar{
margin: 20px 20px 0 0;
}
}
.title-flex{
display: flex;
h3{
flex: 1;
}
div.actionBar, div.action_bar{
margin: 20px 20px 0 0;
}


}
.action_bar, #buttons_bar{
background-color: white !important;
padding-bottom: 20px;
border-bottom: 0;
a{
box-shadow:0 1px 4px rgba(0, 0, 0, 0.24), 0 1px 6px rgba(0, 0, 0, 0.12);
margin: 0 3px;
display: inline-block;
border-radius: 2px !important;
padding: 7px 16px;
height: auto;
span.actionbar_button_label{
font-size: 14px;
}
@media only screen and (max-width: 720px){
span.ajxp_icon_span {
display: block !important;
margin: 0 0 10px;
}
}
}
}
h3.dashboard_panel_title{
position: absolute;
top: 18px;
left: 16px;
font-size: 28px;
font-weight: 300;
margin: 0;
color: rgba(0,0,0,0.83);
margin-top: 16px;
padding-left: 20px;
font-size: 24px;
line-height: 32px;
font-weight: 400;
color: rgba(0, 0, 0, 0.87);
}
div.class-FetchedResultPane{
border-top: 1px solid rgb(250,250,250);
&#shared_files_list{
border-top:1px solid #eaeaea;
}
background-color: #ffffff;
div.thumbnail_selectable_cell.detailed{
padding: 10px 5px;
border-bottom: 1px solid rgba(0,0,0,0.03);
transition: @bezier_transition;
div.thumbLabel{
padding-top: 7px;
font-size: 14px;
}
div.thumbnail_selectable_cell{
padding-right: 11px;
}
}
div.thumbnail_selectable_cell.selected-focus{
background-color: lighten(#ff5722, 5) !important;
}

.sort-table tr{
background-color: white !important;
td{
border-bottom: 1px solid rgb(234,234,234);
padding: 10px ;
}
&.selected-focus{
background-color: lighten(#ff5722, 5) !important;
td{
border-bottom: 0;
}
}
h3 {
padding: 5px 5px 10px;
font-size: 1em;
color: #00897B;
border-bottom: 0;
}
}
}
}
}
Expand Down
37 changes: 4 additions & 33 deletions core/src/plugins/access.ajxp_user/manifest.xml
View file
Expand Up @@ -98,37 +98,6 @@
</script>
]]></template_part>
<template_part ajxpId="orbit_content" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height","fitParent":"ajxp_desktop", "fakeOptionUser":"true", "messageBoxReference":true}' theme="orbit"><![CDATA[
<style>
div.flat_tabulator span.toggleHeader{
background-color: #fb725c;
}
.largeButton, .SF_input.SF_inlineButton{
background-color: #fb725c;
}
#account_pane .action_bar{
text-align: right;
}
.action_bar a{
cursor: pointer;
}
div.class-FetchedResultPane{
background-color: #f8f8f8;
}
.action_bar, #buttons_bar{
background-color: #f8f8f8;
height: 32px;
border-bottom: 1px solid rgba(0,0,0,0.08);
padding:18px 14px 12px;
text-align: right;
}
.action_bar span.actionbar_button_label{
font-size: 11px;
}
.flat_tabulator div.panelHeader.tabulatorContainer{
background-color: #30383A;
padding-top: 10px;
}
</style>
<div id="userdashboard_myparams_title" ajxp_message_id="user_dash.title">
<a id="dash_back_workspace" onclick="ajaxplorer.triggerRepositoryChange('ajxp_home'); return false;"><span class="icon-chevron-left"></span> AJXP_MESSAGE[user_dash.53]</a>
<span id="dash_title">AJXP_MESSAGE[user_dash.title]</span>
Expand All @@ -149,8 +118,10 @@
tabInfo='{"id":"info","label":"user_dash.46", "title":"user_dash.47","iconClass":"icon-book", "element":"my-users-pane", "position":2,"dontFocus":true}'
paneInfo='{"type":"widget"}'><![CDATA[
<div id="my-users-pane" ajxpClass="AjxpPane" class="tabbed_editor">
<div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"dataModelElementId":"address_book","toolbarsList":["change","address_book"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
<h3 class="dashboard_panel_title">AJXP_MESSAGE[user_dash.46]</h3>
<div class="title-flex">
<h3 class="dashboard_panel_title">AJXP_MESSAGE[user_dash.46]</h3>
<div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"dataModelElementId":"address_book","toolbarsList":["change","address_book"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
</div>
<div id="address_book" ajxpClass="FetchedResultPane" ajxpOptions='{"updateGlobalContext":false,"nodeProviderProperties":{"get_action":"ls","dir":"users"}, "displayMode":"detail","replaceScroller":true, "fit":"height", "cellPaddingCorrection":6, "iconBgPosition" : "5px 4px"}'></div>
</div>
]]></additional_tab>
Expand Down
8 changes: 5 additions & 3 deletions core/src/plugins/action.share/manifest.xml
View file
Expand Up @@ -428,11 +428,13 @@
</component_config>
<component_config className="AjxpTabulator::userdashboard_main_tab">
<additional_tab id="shared_pane2"
tabInfo='{"id":"my-shared2","iconClass":"icon-share","element":"shared_pane2","closeable":false,"label":"share_center.98","title":"share_center.99","dontFocus":true,"position":4}'
tabInfo='{"id":"my-shared2","iconClass":"mdi mdi-share-variant","element":"shared_pane2","closeable":false,"label":"share_center.98","title":"share_center.99","dontFocus":true,"position":4}'
paneInfo='{"type":"widget"}'><![CDATA[
<div id="shared_pane2" ajxpClass="AjxpPane" class="tabbed_editor">
<div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"dataModelElementId":"shared_files_list","toolbarsList":["share_list_toolbar-selection", "share_list_toolbar"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
<h3 class="dashboard_panel_title">AJXP_MESSAGE[share_center.98]</h3>
<div class="title-flex">
<h3 class="dashboard_panel_title">AJXP_MESSAGE[share_center.98]</h3>
<div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"dataModelElementId":"shared_files_list","toolbarsList":["share_list_toolbar-selection", "share_list_toolbar"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
</div>
<div id="shared_files_list" ajxpClass="FetchedResultPane" ajxpOptions='{"displayMode":"list", "fixedDisplayMode":"list", "groupByData":"1", "fit":"height","selectionChangeCallback":false,"updateGlobalContext":false,"nodeProviderProperties":{"get_action":"sharelist-load","user_context":"current"}}'></div>
</div>
]]></additional_tab>
Expand Down
6 changes: 4 additions & 2 deletions core/src/plugins/authfront.keystore/manifest.xml
View file
Expand Up @@ -27,8 +27,10 @@
tabInfo='{"id":"my-api-data","iconClass":"icon-key","element":"apikeys_pane","closeable":false,"label":"keystore.1","title":"keystore.2","dontFocus":true,"position":6}'
paneInfo='{"type":"widget"}'><![CDATA[
<div id="apikeys_pane" ajxpClass="ApikeysPane" ajxpOptions='{}' class="tabbed_editor" style="position:relative;">
<div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"toolbarsList":["keystore_bar"]}'></div>
<h3 class="dashboard_panel_title">AJXP_MESSAGE[keystore.1]</h3>
<div class="title-flex">
<h3 class="dashboard_panel_title">AJXP_MESSAGE[keystore.1]</h3>
<div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"toolbarsList":["keystore_bar"]}'></div>
</div>
<div id="token_results"><span class="mdi mdi-close"></span><div id="token_results_content"></div></div>
<div style="padding:10px;overflow: auto;" class="fit_me_to_bottom">
<h2>AJXP_MESSAGE[keystore.9]</h2>
Expand Down
8 changes: 5 additions & 3 deletions core/src/plugins/conf.sql/manifest.xml
View file
Expand Up @@ -17,7 +17,7 @@
<external_file filename="plugins/core.conf/standard_conf_actions.xml" include="actions/*,client_configs/*" exclude=""/>
<actions>
<action name="user_team_create">
<gui src="delete.png" iconClass="icon-create" text="user_dash.57" title="user_dash.57">
<gui src="delete.png" iconClass="icon-plus" text="user_dash.57" title="user_dash.57">
<context dir="false" recycle="false" selection="false" actionBar="true" actionBarGroup="team_address_book"/>
</gui>
<processing>
Expand Down Expand Up @@ -123,8 +123,10 @@
tabInfo='{"id":"team_pane","position":2,"iconClass":"icon-group","element":"team_pane","closeable":false,"label":"user_dash.50","title":"user_dash.51","dontFocus":true}'
paneInfo='{"type":"widget"}'><![CDATA[
<div id="team_pane" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height"}'>
<div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"dataModelElementId":"team_panel","toolbarsList":["team_address_book"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
<h3 class="dashboard_panel_title">AJXP_MESSAGE[user_dash.50]</h3>
<div class="title-flex">
<h3 class="dashboard_panel_title">AJXP_MESSAGE[user_dash.50]</h3>
<div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"dataModelElementId":"team_panel","toolbarsList":["team_address_book"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
</div>
<div id="team_panel" ajxpClass="FetchedResultPane" ajxpOptions='{"updateGlobalContext":false,"nodeProviderProperties":{"get_action":"ls","dir":"teams"}}' class="tabbed_editor display_metadata"></div>
</div>
]]></additional_tab>
Expand Down
6 changes: 4 additions & 2 deletions core/src/plugins/core.conf/standard_conf_actions.xml
View file
Expand Up @@ -634,8 +634,10 @@
tabInfo='{"id":"my-webdav-data","iconClass":"icon-cog","element":"webdav_pane","closeable":false,"label":"403","title":"403","dontFocus":true,"position":3}'
paneInfo='{"type":"widget"}'><![CDATA[
<div id="webdav_pane" ajxpClass="WebDAVprefsEditor" class="tabbed_editor">
<div class="action_bar" style="height: 33px;">&nbsp;</div>
<h3 class="dashboard_panel_title">AJXP_MESSAGE[403]</h3>
<div class="title-flex">
<h3 class="dashboard_panel_title">AJXP_MESSAGE[403]</h3>
<div class="action_bar" style="height: 33px;">&nbsp;</div>
</div>
<div style="padding:10px;overflow: auto;" class="fit_me_to_bottom">
<div style="padding:10px;"><input type="checkbox" id="webdav_activator" style="width:16px;" name="webdav_activator"> <label for="webdav_activator">AJXP_MESSAGE[406]</label></div>
<div class="dialogLegend" style="margin-bottom: 2px;padding: 10px;" ajxp_message_id="404">AJXP_MESSAGE[404]</div>
Expand Down

0 comments on commit 5635472

Please sign in to comment.