Details on Download Only template

pydio · Sep 8, 2016 · 981f1dc · 981f1dc
1 parent 0764af7
commit 981f1dc
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 49 deletions.
diff --git a/core/src/plugins/action.share/manifest.xml b/core/src/plugins/action.share/manifest.xml
@@ -372,8 +372,12 @@
                     <div id="cpane_container" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height","fitParent":"browser"}'>
                         <div id="logo_widget" class="widget_logo" ajxpClass="LogoWidget"  ajxpOptions='{"imageParameter":"gui.ajax/CUSTOM_MINISITE_LOGO"}'></div>
                     </div>
-                    <div id="reactDLTemplate" ajxpClass="AjxpReactComponent" ajxpOptions='{"componentNamespace":"ShareTemplates","componentName":"DLTemplate"}'></div>
-                    <div id="share_toolbar" ajxpClass="ActionsToolbar" ajxpOptions='{"toolbarsList":["minisite-share-actions"], "skipCarousel":true}'></div>
+                    <div class="vertical-align">
+                        <div class="vertical-align-center">
+                            <div id="reactDLTemplate" ajxpClass="AjxpReactComponent" ajxpOptions='{"componentNamespace":"ShareTemplates","componentName":"DLTemplate"}'></div>
+                            <div id="share_toolbar" ajxpClass="ActionsToolbar" ajxpOptions='{"toolbarsList":["minisite-share-actions"], "skipCarousel":true}'></div>
+                        </div>
+                    </div>
                 </div>
 			]]></template>
             <template name="minisite_bare" element="ajxp_embed_template" position="top" label="share_center.155"><![CDATA[

diff --git a/core/src/plugins/action.share/res/minisite.css b/core/src/plugins/action.share/res/minisite.css
@@ -392,17 +392,34 @@ div#overlay.form-login_form_dynamic {
   height: 90px !important;
   width: auto;
 }
-#ajxp_unique_dl #reactDLTemplate {
+#ajxp_unique_dl div.vertical-align {
   position: absolute;
   width: 100%;
-  height: 90%;
+  height: 100%;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
 }
+#ajxp_unique_dl div.vertical-align div.vertical-align-center {
+  margin: 0 auto;
+}
+#ajxp_unique_dl div#share_toolbar {
+  margin-top: 10px;
+  text-align: center;
+}
+#ajxp_unique_dl div#share_toolbar a#share_current_page_button {
+  display: block !important;
+  text-align: center;
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: 500;
+}
+#ajxp_unique_dl div#share_toolbar a#share_current_page_button span.ajxp_icon_span {
+  display: none;
+}
 #ajxp_unique_dl #reactDLTemplate .download-block {
   cursor: pointer;
   width: auto;
@@ -486,23 +503,6 @@ div#overlay.form-login_form_dynamic {
 #ajxp_unique_dl #reactDLTemplate .download-block.dl-started span.mdi.mdi-download {
   opacity: 0.3;
 }
-#ajxp_unique_dl div#share_toolbar {
-  position: absolute;
-  right: 0;
-  left: 0;
-  width: 100%;
-  bottom: 20px;
-  text-align: center;
-}
-#ajxp_unique_dl div#share_toolbar a#share_current_page_button {
-  display: block !important;
-  text-align: center;
-  color: rgba(255, 255, 255, 0.8);
-  font-size: 14px;
-}
-#ajxp_unique_dl div#share_toolbar a#share_current_page_button span.ajxp_icon_span {
-  display: none;
-}
 #ajxp_film_strip #minisite_toolbar span.actionbar_button_label,
 #ajxp_film_strip #inline_toolbar span.actionbar_button_label {
   display: inline-block;

diff --git a/core/src/plugins/action.share/res/minisite.less b/core/src/plugins/action.share/res/minisite.less
@@ -356,12 +356,34 @@ div#overlay.form-login_form_dynamic {
     }
   }
 
-  #reactDLTemplate{
+  div.vertical-align{
     position: absolute;
     width: 100%;
-    height: 90%;
+    height: 100%;
     display: flex;
     align-items: center;
+    div.vertical-align-center{
+      margin: 0 auto;
+    }
+  }
+
+  div#share_toolbar{
+    margin-top: 10px;
+    text-align: center;
+    a#share_current_page_button{
+      display:block !important;
+      text-align: center;
+      color: rgba(255,255,255,1);
+      font-size: 12px;
+      font-weight: 500;
+      span.ajxp_icon_span{
+        display: none;
+      }
+    }
+  }
+
+
+  #reactDLTemplate{
     .download-block{
       cursor: pointer;
       width: auto;
@@ -442,24 +464,6 @@ div#overlay.form-login_form_dynamic {
       }
     }
   }
-  div#share_toolbar{
-    position: absolute;
-    right: 0;
-    left: 0;
-    width: 100%;
-    bottom: 20px;
-    text-align: center;
-    a#share_current_page_button{
-      display:block !important;
-      text-align: center;
-      color: rgba(255,255,255,0.8);
-      font-size: 14px;
-      span.ajxp_icon_span{
-        display: none;
-      }
-    }
-  }
-
 }
 
 #ajxp_film_strip{

diff --git a/core/src/plugins/action.share/res/react/ShareTemplates.js b/core/src/plugins/action.share/res/react/ShareTemplates.js
@@ -69,18 +69,10 @@
                 click = this.triggerDL.bind(this);
                 fileDetails = (
                     <div className="dl-details">
-                        <div className="row">
-                            <span className="label">{this.props.pydio.MessageHash[413]}</span>
-                            <span className="value">{owner}</span>
-                        </div>
                         <div className="row">
                             <span className="label">{this.props.pydio.MessageHash[503]}</span>
                             <span className="value">{this.state.node.getMetadata().get('filesize')}</span>
                         </div>
-                        <div className="row">
-                            <span className="label">{this.props.pydio.MessageHash[3]}</span>
-                            <span className="value">{this.state.node.getMetadata().get('mimestring')}</span>
-                        </div>
                         <div className="click-legend">{this.props.pydio.MessageHash['share_center.231']}</div>
                     </div>
                 );