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

Commit

Permalink
Insert video in a new tab of the dashboard.
Browse files Browse the repository at this point in the history 
Yet to be "modularized"
  • Loading branch information
@cdujeu
cdujeu committed Feb 17, 2014
1 parent ac6d65c commit 69150e4
Show file tree
Hide file tree
Showing 2 changed files with 116 additions and 1 deletion.
53 changes: 53 additions & 0 deletions core/src/plugins/access.ajxp_user/dashboard.css
View file
Expand Up @@ -198,6 +198,40 @@
border-color: #e35d52 !important;
}

#tutorials_pane{
color: rgb(111,123,136);
background-color: #f8f8f8;
}

#tutorials_pane h2{
font-weight: normal;
font-size: 25px;
}

#tutorial_dl_apps_pane{
height: 107px;
background-color: #ebedf0;
border-top: 1px solid rgb(111,123,136);
border-bottom: 1px solid rgb(111,123,136);
}

.tutorial_legend{
clear: left;
float: left;
width: 30%;
margin-left: 5%;
font-size: 14px;
margin-top: 20px;
}

.tutorial_video{
width: 60%;
height: 350px;
margin-top: 20px;
margin-right: 5%;
margin-bottom: 20px;
}

@media only screen
and (max-width : 980px){
#notifications_center div.notif_event_container{
Expand Down Expand Up @@ -249,6 +283,25 @@ and (max-width : 800px){
width: 210px;
}

.tutorial_legend{
clear: left;
width: 97%;
}

.tutorial_video{
width: 94%;
height: 300px;
margin-right: 3%;
margin-left: 3%;
}
#dl_pydio_cont{
width: 400px !important;
}
#dl_pydio_for{
display: none;
}


}

@media only screen
Expand Down
64 changes: 63 additions & 1 deletion core/src/plugins/access.ajxp_user/manifest.xml
View file
Expand Up @@ -70,7 +70,7 @@
</style>
]]></template_part>
<template_part ajxpId="browser" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height","fitParent":"ajxp_desktop", "fakeOptionUser":"true", "messageBoxReference":true}' theme="vision"><![CDATA[
<div id="userdashboard_main_tab" ajxpClass="AjxpTabulator" class="dashboard_main_pane flat_tabulator" ajxpOptions='{"fit":"height", "fitMarginBottom":0, "registerAsEditorOpener":false, "saveState":false,"events":{}, "defaultTabId": "home","tabInfos" : [{"id":"home","label":"Home","iconClass":"icon-home", "element":"home_account_pane"},{"id":"parameters","label":"user_dash.43", "title":"user_dash.43t","iconClass":"icon-cog", "element":"parameters_pane"},{"id":"info","label":"user_dash.46", "title":"user_dash.47","iconClass":"icon-book", "element":"files_list_pane"}]}'>
<div id="userdashboard_main_tab" ajxpClass="AjxpTabulator" class="dashboard_main_pane flat_tabulator" ajxpOptions='{"fit":"height", "fitMarginBottom":0, "registerAsEditorOpener":false, "saveState":false,"events":{}, "defaultTabId": "home","tabInfos" : [{"id":"home","label":"Home","iconClass":"icon-home", "element":"home_account_pane"},{"id":"parameters","label":"user_dash.43", "title":"user_dash.43t","iconClass":"icon-cog", "element":"parameters_pane"},{"id":"info","label":"user_dash.46", "title":"user_dash.47","iconClass":"icon-book", "element":"files_list_pane"},{"id":"tutorials","label":"user_dash.53", "title":"user_dash.54","iconClass":"icon-film", "element":"tutorials_pane"}]}'>
<div id="home_account_pane" ajxpClass="UserDashboardHome">
<div id="notifications_center">
<span class="icon-rss" id="close-icon"></span>
Expand Down Expand Up @@ -105,6 +105,68 @@
</div>
</div>
</div>
<div id="tutorials_pane" ajxpClass="AjxpPane" ajxpOptions='{"replaceScroller":true}' style="overflow-y: scroll;">
<div style="clear:left; font-size: 25px; text-align:center; margin: 40px 0 30px;">Getting started with Pydio? Here are some videos for you!</div>
<div id="tutorial_dl_apps_pane">
<div style="width: 750px; margin: 0 auto;" id="dl_pydio_cont">
<div style="float: left;margin: 44px 60px;font-size: 21px;" id="dl_pydio_for">Download Pydio for...</div>
<div style="width: 92px; float:left;">
<a href="https://play.google.com/store/apps/details?id=com.pydio.android.Client" target="_blank" class="icon-mobile-phone" style="font-size: 96px;"></a><i class="icon-android" style="font-size: 30px;position: relative;top: -26px;left: -32px;color: rgb(86, 190, 86);"></i><div style="font-size: 11px;top: -15px;position: relative;left: -13px;">Android device</div>
</div>
<div style="width: 91px; float:left;">
<a href="https://itunes.apple.com/us/app/pydio/id709275884?mt=8" target="_blank" class="icon-mobile-phone" style="font-size: 96px;"></a><i class="icon-apple" style="font-size: 26px;position: relative;top: -27px;left: -31px;color: white;"></i><div style="font-size: 11px;top: -15px;position: relative;left: -12px;">iPhone/iPad</div></div><div style="width: 110px; float:left;padding-top: 14px;">
<a href="https://itunes.apple.com/us/app/pydio/id709275884?mt=8" target="_blank" class="icon-desktop" style="font-size: 74px;"></a><i class="icon-apple" style="font-size: 26px;position: relative;top: -30px;left: -51px;color: rgb(148, 148, 148);"></i><div style="font-size: 11px;top: -6px;position: relative;left: 6px;">Mac OS (Beta)</div></div>
<div style="width: 100px; float:left;padding-top: 8px;">
<a href="https://itunes.apple.com/us/app/pydio/id709275884?mt=8" target="_blank" class="icon-laptop" style="font-size: 87px;"></a><i class="icon-windows" style="font-size: 26px;position: relative;top: -66px;left: 34px;color: rgb(56, 122, 173);"></i><div style="font-size: 11px;top: -40px;position: relative;left: 12px;">Windows (Beta)</div></div>
</div>
</div>
<div class="tutorial_legend">
<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>
</div>
<iframe class="tutorial_video" width="640" height="360" frameborder="0" src="//www.youtube.com/embed/C6L_9QT0lDE?list=PLxzQJCqzktEYnIChsR5h3idjAxgBssnt5"></iframe>
<div class="tutorial_legend">
<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>
</div>
<iframe class="tutorial_video" width="640" height="360" frameborder="0" src="//www.youtube.com/embed/Nj3d0AXfJXI?list=PLxzQJCqzktEYnIChsR5h3idjAxgBssnt5"></iframe>
<div class="tutorial_legend">
<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>
</div>
<iframe class="tutorial_video" width="640" height="360" frameborder="0" src="//www.youtube.com/embed/1o62QF_ATYA?list=PLxzQJCqzktEYnIChsR5h3idjAxgBssnt5"></iframe>
<div style="clear:left; text-align:center;">
<a href="http://pyd.io/end-user-tutorials/" target="_blank" style="text-align: center;
font-size: 25px;
background-color: #e35d52;
padding: 10px;
border-radius: 5px;
color: white;
display: inline-block;
margin: 40px 0;"><i class="icon-youtube-play"></i> Discover more on the Pydio channel!</a></div>
</div>
</div>
<script>
document.observeOnce("ajaxplorer:context_changed", function(){
Expand Down

0 comments on commit 69150e4

Please sign in to comment.