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

Commit

Permalink
Rework dashboard design
Browse files Browse the repository at this point in the history 
Add a new tab for "Getting Started"
  • Loading branch information
@cdujeu
cdujeu committed Feb 18, 2014
1 parent 69150e4 commit e6194c7
Show file tree
Hide file tree
Showing 11 changed files with 367 additions and 87 deletions.
22 changes: 22 additions & 0 deletions core/src/plugins/access.ajxp_user/class.UserDashboardDriver.php
View file
Expand Up @@ -34,6 +34,28 @@ public function initRepository()
require_once AJXP_INSTALL_PATH."/".AJXP_PLUGINS_FOLDER."/action.share/class.ShareCenter.php";
}

public function parseSpecificContributions(&$contribNode){
parent::parseSpecificContributions($contribNode);
if($contribNode->nodeName == "client_configs"){
$actionXpath=new DOMXPath($contribNode->ownerDocument);
$gettingStartedList = $actionXpath->query('component_config/additional_tab[@id="tutorials_pane"]', $contribNode);
if(!$gettingStartedList->length) return ;
if($this->getFilteredOption("ENABLE_GETTING_STARTED") === false){
$compConfig = $gettingStartedList->item(0)->parentNode;
$contribNode->removeChild($compConfig);
}else{
$cdata = $gettingStartedList->item(0)->firstChild;
$keys = array("URL_APP_IOSAPPSTORE", "URL_APP_ANDROID", "URL_APP_SYNC_WIN", "URL_APP_SYNC_MAC");
$values = array();
foreach($keys as $k) $values[] = $this->getFilteredOption($k);
$newData = str_replace($keys, $values, $cdata->nodeValue);
$newCData = $contribNode->ownerDocument->createCDATASection($newData);
$gettingStartedList->item(0)->appendChild($newCData);
$gettingStartedList->item(0)->replaceChild($newCData, $cdata);
}
}
}

public function switchAction($action, $httpVars, $fileVars)
{
if(!isSet($this->actions[$action])) return;
Expand Down
9 changes: 8 additions & 1 deletion core/src/plugins/access.ajxp_user/class.UserDashboardHome.js
View file
Expand Up @@ -151,11 +151,18 @@ Class.create("UserDashboardHome", AjxpPane, {
}

if(ajaxplorer.actionBar.getActionByName("logout")){
oFormObject.down("#welcome").insert(new Element("span", {id:"disconnect_link"}).update(" (<span>"+ajaxplorer.actionBar.getActionByName("logout").options.text.toLowerCase()+"</span>)"));
oFormObject.down("#welcome").insert(new Element("span", {id:"disconnect_link"}).update(" [<span>"+ajaxplorer.actionBar.getActionByName("logout").options.text.toLowerCase()+"</span>]"));
oFormObject.down('#disconnect_link').observe("click", function(e){
ajaxplorer.actionBar.fireAction("logout");
});
}

if(ajaxplorer.getPluginConfigs('ajxpdriver[@id=\'access.ajxp_user\']').get("ENABLE_GETTING_STARTED")){
oFormObject.down("#welcome").insert(". " + MessageHash["user_dash.55"].replace("<a>", "<a id='get_started_link' href='#' onclick='javascript:$(\"userdashboard_main_tab\").ajxpPaneObject.switchTabulator(\"tutorials\")'>"));
}else{
oFormObject.down("#welcome").insert(".");
}

},

resize: function($super, size){
Expand Down
62 changes: 36 additions & 26 deletions core/src/plugins/access.ajxp_user/dashboard.css
View file
Expand Up @@ -11,28 +11,20 @@

#workspaces_list{
overflow-y: auto;
max-height: 230px;
max-height: 400px;
min-height: 100px;
margin: 0 30px;
border: 1px solid rgb(111,123,136);
background-color: #fff;
border-radius: 3px;
background-color: #2c3e50;
border-radius: 6px;
list-style: none;
padding-left: 0;
color: rgb(46, 58, 70);

background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 28%, rgba(0,0,0,0) 72%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(28%,rgba(0,0,0,0)), color-stop(72%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 72%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 72%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 72%,rgba(0,0,0,0.1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 72%,rgba(0,0,0,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
color: #ffffff;

}

.dashboard_main_pane > div.tabulatorContainer{
text-align: center;
background-color: #2c3e50 !important;
}

#home_account_pane #close-icon{
Expand All @@ -59,21 +51,29 @@

#workspaces_list h3{
margin: 0;
padding: 12px 12px 3px 10px;
padding: 13px 12px 3px 10px;
font-weight: normal;
font-size: 20px;
font-size: 19px;
letter-spacing: 1px;
}

#workspaces_list h4{
margin: 0;
padding: 0 10px 10px;
padding: 0 10px 11px;
font-weight: normal;
font-size: 12px;
opacity: 0.4;
letter-spacing: 1px;
}

#workspaces_list li {
border-bottom: 1px solid #e0e0e0;
border-bottom: 1px solid #263544;
cursor: pointer;
padding: 1px 7px;
}

#workspaces_list li:hover {
background-color: #4F6275;
}

#workspaces_list li.selected{
Expand All @@ -87,14 +87,15 @@

#home_account_pane #notifications_center {
float: right;
width: 30%;
height: 100%;
width: 29%;
height: 96%;
overflow-y: auto;
overflow-x: hidden;
background-color: #ebedf0;
color: rgb(111,123,136);
border-left: 1px solid rgb(111,123,136);
transition: width 0.5s ease;
margin-top: 2px;
transition: width 1s ease;
border-radius: 6px 0 0 0;
}

#home_account_pane #notifications_center li {
Expand All @@ -106,15 +107,20 @@
margin-top: 7px !important;
}

#home_account_pane .notif_event_container{
width: 56%;
}

#home_account_pane .notif_event_container > div {
padding:0;
line-height: 15px;
color: rgba(92, 92, 92, 0.55);
}

#home_account_pane .notif_event_container > div.notif_event_label {
color: #5C5C5C;
color: rgb(111,123,136);
line-height: 25px;
overflow: hidden;
}

#home_account_pane .imagePreviewOverlay{
Expand Down Expand Up @@ -146,15 +152,18 @@
#home_account_pane h1{
margin-top: 0;
padding-top: 12px;
font-size: 24px;
font-size: 21px;
text-align: center;
font-weight: normal;
}

#home_account_pane #welcome{
padding: 8px 0 0 0;
text-align: center;
font-size: 12px;
background-color: #ebedf0;
border-bottom: 1px solid #E6E6E6;
font-size: 13px;
padding: 12px;
border-top: 1px solid #FFFFFF;
}

#workspaces_button {
Expand All @@ -181,8 +190,9 @@
padding-top: 20px;
}

#get_started_link,
#disconnect_link span{
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}

Expand Down
36 changes: 36 additions & 0 deletions core/src/plugins/access.ajxp_user/i18n/de.php
View file
Expand Up @@ -74,4 +74,40 @@
"50"=> "My Teams",
"51"=> "Teams of users, used as shortcuts when sharing",
"52"=> "Are you sure you want to delete this team? This will not remove any users.",
"53"=> "Getting Started",
"54"=> "Get started with Pydio by following How-to videos",
"55"=> "Do you need help <a>to get started?</a>",
"56"=> "Getting started with Pydio? Here are some videos for you!",
"57"=> "Download Pydio for...",
"58"=> "Android device",
"59"=> "iPhone/iPad",
"60"=>"Mac OS (Beta)",
"61"=>"Windows (Beta)",
"62"=>"<h2>Getting started</h2>
This video is an introduction to Pydio web application:
<ul>
<li>User Dashboard</li>
<li>GUI Overview</li>
<li>Managing files and folders</li>
<li>Previewing and editing files</li>
<li>Quick access through bookmarks and search engine</li>
<li>Selection cart</li>
</ul>",
"63"=>"<h2>Sharing files with Pydio</h2>
In this tutorial, we will cover the basics of file sharing with Pydio:
<ul>
<li>Create web links</li>
<li>Send them to internal or external users</li>
<li>Get notified that a link was downloaded</li>
<li>Create a password-protected link</li>
<li>Create many links on one file</li>
<li>Stop sharing a file totally</li>
</ul>",
"64"=>"<h2>Sharing folders with Pydio</h2>
This video covers the various options to share folders in Pydio
<ul>
<li>Share as new workspace</li>
<li>Share as a public minisite</li>
</ul>",
"65"=> "Discover more on the Pydio channel!",
);
36 changes: 36 additions & 0 deletions core/src/plugins/access.ajxp_user/i18n/en.php
View file
Expand Up @@ -74,4 +74,40 @@
"50"=> "My Teams",
"51"=> "Teams of users, used as shortcuts when sharing",
"52"=> "Are you sure you want to delete this team? This will not remove any users.",
"53"=> "Getting Started",
"54"=> "Get started with Pydio by following How-to videos",
"55"=> "Do you need help <a>to get started?</a>",
"56"=> "Getting started with Pydio? Here are some videos for you!",
"57"=> "Download Pydio for...",
"58"=> "Android device",
"59"=> "iPhone/iPad",
"60"=>"Mac OS (Beta)",
"61"=>"Windows (Beta)",
"62"=>"<h2>Getting started</h2>
This video is an introduction to Pydio web application:
<ul>
<li>User Dashboard</li>
<li>GUI Overview</li>
<li>Managing files and folders</li>
<li>Previewing and editing files</li>
<li>Quick access through bookmarks and search engine</li>
<li>Selection cart</li>
</ul>",
"63"=>"<h2>Sharing files with Pydio</h2>
In this tutorial, we will cover the basics of file sharing with Pydio:
<ul>
<li>Create web links</li>
<li>Send them to internal or external users</li>
<li>Get notified that a link was downloaded</li>
<li>Create a password-protected link</li>
<li>Create many links on one file</li>
<li>Stop sharing a file totally</li>
</ul>",
"64"=>"<h2>Sharing folders with Pydio</h2>
This video covers the various options to share folders in Pydio
<ul>
<li>Share as new workspace</li>
<li>Share as a public minisite</li>
</ul>",
"65"=> "Discover more on the Pydio channel!",
);
36 changes: 36 additions & 0 deletions core/src/plugins/access.ajxp_user/i18n/es.php
View file
Expand Up @@ -76,4 +76,40 @@
"50"=> "My Teams",
"51"=> "Teams of users, used as shortcuts when sharing",
"52"=> "Are you sure you want to delete this team? This will not remove any users.",
"53"=> "Getting Started",
"54"=> "Get started with Pydio by following How-to videos",
"55"=> "Do you need help <a>to get started?</a>",
"56"=> "Getting started with Pydio? Here are some videos for you!",
"57"=> "Download Pydio for...",
"58"=> "Android device",
"59"=> "iPhone/iPad",
"60"=>"Mac OS (Beta)",
"61"=>"Windows (Beta)",
"62"=>"<h2>Getting started</h2>
This video is an introduction to Pydio web application:
<ul>
<li>User Dashboard</li>
<li>GUI Overview</li>
<li>Managing files and folders</li>
<li>Previewing and editing files</li>
<li>Quick access through bookmarks and search engine</li>
<li>Selection cart</li>
</ul>",
"63"=>"<h2>Sharing files with Pydio</h2>
In this tutorial, we will cover the basics of file sharing with Pydio:
<ul>
<li>Create web links</li>
<li>Send them to internal or external users</li>
<li>Get notified that a link was downloaded</li>
<li>Create a password-protected link</li>
<li>Create many links on one file</li>
<li>Stop sharing a file totally</li>
</ul>",
"64"=>"<h2>Sharing folders with Pydio</h2>
This video covers the various options to share folders in Pydio
<ul>
<li>Share as new workspace</li>
<li>Share as a public minisite</li>
</ul>",
"65"=> "Discover more on the Pydio channel!",
);
38 changes: 37 additions & 1 deletion core/src/plugins/access.ajxp_user/i18n/fr.php
View file
Expand Up @@ -73,5 +73,41 @@
"49"=> "Utilisateurs externes que vous avez créés",
"50"=> "Mes équipes",
"51"=> "Groupes d'utilisateurs accessibles comme des raccourcis lors du partage",
"52"=> "Are you sure you want to delete this team? This will not remove any users.",
"52"=> "Voulez-vous vraiment supprimer cette équipe? Ca ne supprimera pas les utilisateurs.",
"53"=> "Démarrage",
"54"=> "Suivez les vidéos pour démarrer rapidement avec Pydio",
"55"=> "Avez-vous besoin d'aide <a>pour démarrer?</a>",
"56"=> "Nouveau sur Pydio? Quelques vidéos pour vous!",
"57"=> "Télécharger Pydio pour...",
"58"=> "Appareil android",
"59"=> "iPhone/iPad",
"60"=>"Mac OS (Beta)",
"61"=>"Windows (Beta)",
"62"=>"<h2>Démarrage rapide</h2>
Cette vidéo vous explique le fonctionnement de l'application web (anglais):
<ul>
<li>Page d'accueil</li>
<li>Visite de l'interface</li>
<li>Gestion des fichiers</li>
<li>Visualiser et éditer des fichiers</li>
<li>Accès rapide: favoris et moteur de recherche</li>
<li>Panier de sélection</li>
</ul>",
"63"=>"<h2>Partager des fichiers</h2>
Ce tutorial vous explique comment partager des fichiers avec pydio (anglais):
<ul>
<li>Créer des liens publiques</li>
<li>Les envoyers à d'autres utilisateurs</li>
<li>Etre alerté lorsqu'un lien est téléchargé</li>
<li>Créer un lien protegé par mot de passe</li>
<li>Créer plusieurs liens sur un fichier</li>
<li>Arrêter un partage</li>
</ul>",
"64"=>"<h2>Partager des répertoires</h2>
Cette vidéo vous explique comment partager tout un répertoire avec Pydio (anglais)
<ul>
<li>Partager comme un nouveau Workspace</li>
<li>Partager comme un minisite public</li>
</ul>",
"65"=> "Découvrir plus de vidéos sur le canal Pydio!",
);
36 changes: 36 additions & 0 deletions core/src/plugins/access.ajxp_user/i18n/hu.php
View file
Expand Up @@ -77,4 +77,40 @@
"50"=> "My Teams",
"51"=> "Teams of users, used as shortcuts when sharing",
"52"=> "Are you sure you want to delete this team? This will not remove any users.",
"53"=> "Getting Started",
"54"=> "Get started with Pydio by following How-to videos",
"55"=> "Do you need help <a>to get started?</a>",
"56"=> "Getting started with Pydio? Here are some videos for you!",
"57"=> "Download Pydio for...",
"58"=> "Android device",
"59"=> "iPhone/iPad",
"60"=>"Mac OS (Beta)",
"61"=>"Windows (Beta)",
"62"=>"<h2>Getting started</h2>
This video is an introduction to Pydio web application:
<ul>
<li>User Dashboard</li>
<li>GUI Overview</li>
<li>Managing files and folders</li>
<li>Previewing and editing files</li>
<li>Quick access through bookmarks and search engine</li>
<li>Selection cart</li>
</ul>",
"63"=>"<h2>Sharing files with Pydio</h2>
In this tutorial, we will cover the basics of file sharing with Pydio:
<ul>
<li>Create web links</li>
<li>Send them to internal or external users</li>
<li>Get notified that a link was downloaded</li>
<li>Create a password-protected link</li>
<li>Create many links on one file</li>
<li>Stop sharing a file totally</li>
</ul>",
"64"=>"<h2>Sharing folders with Pydio</h2>
This video covers the various options to share folders in Pydio
<ul>
<li>Share as new workspace</li>
<li>Share as a public minisite</li>
</ul>",
"65"=> "Discover more on the Pydio channel!",
);

0 comments on commit e6194c7

Please sign in to comment.