<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GestorVideos.aspx.cs" Inherits="GestorHtm.GestorVideos" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>GestorVideos</title>
	<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" CdnSettings-TelerikCdn="Disabled" />

    <script type="text/javascript" id="telerikClientEvents1">
//<![CDATA[
        var save;
        function RadTreeView1_NodeChecking(sender, eventArgs) {
            var node = $find('RadTreeView1');
            for (var i = 0; i < node.get_nodes().get_count(); i++) {
                if (node.get_nodes().getNode(i).get_checked()) {
                    node.get_nodes().getNode(i).set_checked(false);
                } //fin if 
            } //fin for
        } //fin NodeChecking
        function clientNodeChecked(sender, eventArgs) {
            var node = eventArgs.get_node();
            if (node.checked) {
                while (node.get_parent().set_checked != null) {
                    node.get_parent().set_checked(false);
                    node = node.get_parent();
                } //fin while
            }
            var ruta = node.get_value();
            document.getElementById('TextBox6').value = ruta.toString();
            document.getElementById('Label14').innerText = ruta.toString();
            
        } //fin NodeChecked



        function BeforeClick(sender, args) {
            var node = args.get_node();
            var ruta = node.get_value();
            document.getElementById('Label7').innerText = ruta.toString();
            document.getElementById('TextBox5').value = ruta.toString();

        }
        function BeforeClick2(sender, args) {
            var node = args.get_node();
            var ruta = node.get_value();
            document.getElementById('Label13').innerText = ruta.toString();
            document.getElementById('RadTextBox5').value = ruta.toString();

        }
        function skm_LockScreen() {
            var lock = document.getElementById('skm_LockPane');
            if (lock)
                lock.className = 'LockOn';
        }
     
        function showPleaseWait() {
            document.getElementById('PleaseWait').style.display = 'block';
        }
        function Clear_Textbox4() { document.getElementById('TextBox4').value = ""; }
//]]>
</script>

    <style type="text/css">
        .style1
        {
            height: 460px;
        }
        .style2
        {
            height: 460px;
            width: 420px;
        }
        .style3
        {
            width: 420px;
            text-align: center;
        }
              .LockOff { 
         display: none; 
         visibility: hidden; 
      } 

      .LockOn { 
         display: block; 
         visibility: visible; 
         position: absolute; 
         z-index: 999; 
         top: 0px; 
         left: 0px; 
         width: 105%; 
         height: 105%; 
         background-color: #ccc; 
         text-align: center; 
         padding-top: 10%; 
         filter: alpha(opacity=75); 
         opacity: 0.75; 
      } 
        .style4
        {
            text-align: center;
        }
        .style5
        {
            text-align: center;
            height: 250px;
            width: 300px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
 <div class="helptext" id="PleaseWait" style="display: none; text-align:right; color:White; vertical-align:top;">
            <table id="MyTable" bgcolor="red">
                <tr>
                    <td>
                        <b><font color="white">Por favor espere unos segundos...</font></b>
                    </td>
                </tr>
            </table>
        </div>
    <div id="skm_LockPane" class="LockOff"> 
    <img alt="cargando"  src="img/cargando.gif" '/>
    <p>La operación que  a solicitado se esta ejecutando, por favor espere....</p>
    </div> 
	<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
		<Scripts>
			<%--Needed for JavaScript IntelliSense in VS2010--%>
			<%--For VS2008 replace RadScriptManager with ScriptManager--%>
			<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
			<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
			<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
		</Scripts>
	</telerik:RadScriptManager>
	<script type="text/javascript">
    //<![CDATA[


	    //]]>
	    //Put your JavaScript code here.
    </script>
	<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
	</telerik:RadAjaxManager>
	<div>
    <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Width="522px" 
            SelectedIndex="1" Skin="Black">
        <Tabs>
        <telerik:RadTab Text="GestorHtm" NavigateUrl="Default.aspx" runat="server">
                 </telerik:RadTab>
                 <telerik:RadTab Text="GestorVideos" NavigateUrl="GestorVideos.aspx" 
                runat="server" Selected="True">
                 </telerik:RadTab>
                 <telerik:RadTab Text="GestorImagenes" NavigateUrl="GestorImagenes.aspx" 
                runat="server"></telerik:RadTab>
                 <telerik:RadTab Text="GestorSonidos" NavigateUrl="GestorSonidos.aspx" 
                runat="server" ></telerik:RadTab>
                
                 
                  </Tabs>
        </telerik:RadTabStrip>
    <table>
    <tr >
     <td class="style1"><fieldset style=" width: 380px; height: 470px;">
         <asp:Label ID="Label3" runat="server" Text=" 1º-Marca la casilla de la carpeta de destino."></asp:Label>
                <telerik:RadTreeView ID="RadTreeView1" Runat="server"  
                    AutoResizeHeight="false" 
                    style=" border:2px solid black;" Height="450px" Width="380px" 
                    CheckBoxes="True"  
                    LoadingMessage="Cargando ..." 
                    onclientnodechecked="clientNodeChecked" 
                     OnClientNodeChecking="RadTreeView1_NodeChecking"
                     OnClientNodeClicking="BeforeClick" Skin="Black" BackColor="Black" BorderColor="White"
                    >
                <Nodes>
                    <telerik:RadTreeNode runat="server" ExpandedImageUrl="~/imagens/iconos/folder.gif" 
                     NavigateUrl="~/GestorVideos.aspx" Text="Servidor" Checkable="false" >
                     </telerik:RadTreeNode>
                     </Nodes>
                    </telerik:RadTreeView>
                    
                    </fieldset>
            </td>
            <td class="style2"><fieldset style=" width: 380px; height: 470px;">
           
                
                
                <asp:Label ID="Label4" runat="server" Text="2º-Elija los video que quiere insertar en la carpeta.(8 máx.)"></asp:Label>
           
                
                
                <br />
                <telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" Height="20px" 
                    Width="373px" Localization-Select="Selecionar" 
                    AllowedFileExtensions=".mp4,.mov,.m4v" InputSize="50" 
                    MultipleFileSelection="Automatic" UploadedFilesRendering="BelowFileInput" 
                    style="margin-left:0px;" DisablePlugins="True" MaxFileInputsCount="8" 
                    Skin="Black">
                    <Localization Select="Selecionar" />
                </telerik:RadAsyncUpload>
            

                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
              
                <br />
                <telerik:RadProgressArea ID="RadProgressArea1" runat="server" 
                    Height="196px" Width="370px" Skin="Black" >
            </telerik:RadProgressArea>

                <br />
                <br />

            </fieldset>
            </td>
            
           
            <td class="style1">

                <asp:Label ID="Label5" runat="server" Text="3º-Inicie la subida y compruebe que se han subido correctamente."></asp:Label>

                <telerik:RadButton ID="Button4" runat="server" Height="25px" 
                    OnClick="Button1_Click" Text="Subir Videos"
                    Width="405px"   
                    style="margin-bottom: 0px" Skin="Black" onclientclicked="skm_LockScreen" >
                </telerik:RadButton>

                <asp:TextBox ID="TextBox1" runat="server" Height="422px" TextMode="MultiLine" 
                    Width="400px"></asp:TextBox >
            <telerik:RadButton ID="RadButton2" runat="server" Text="Limpiar Cuadro de dialogo" 
                    Width="405px" Height="19px" onclick="RadButton2_Click">
            </telerik:RadButton>
            </td>
                            
                         
    </tr>
    <tr>
        <td class="style3">
           
            Insertar nueva carpeta en :<asp:RadioButton ID="RadioButton1" runat="server" 
                GroupName="destino" Text="Raíz" />
            <asp:RadioButton ID="RadioButton2" runat="server" GroupName="destino" 
                Text="En casilla" />
            <br />
            <asp:Label ID="Label6" runat="server" Text="Nombre de la carpeta:"></asp:Label>
            <asp:TextBox ID="TextBox3" runat="server" Width="180px"></asp:TextBox>
            <telerik:RadButton ID="RadButton1" runat="server" onclick="RadButton1_Click" 
                OnClientClick="showPleaseWait()" Skin="Black" Text="Crear">
            </telerik:RadButton>
           
        </td>
        <td>
       
            Marca&nbsp; 
            casilla del elemento a renombrar e indica un nombre:<asp:TextBox ID="TextBox4" 
                runat="server" Width="273px"  
                Text="Recuerda indicar la extension del archivo" 
                Onfocus="Clear_Textbox4()"   ></asp:TextBox>
            <telerik:RadButton ID="RadButton3"   runat="server" Skin="Black" Text="Renombrar" 
                onclick="RadButton3_Click">
               
            </telerik:RadButton>
       
        </td>
        <td> <asp:Label ID="Label2" runat="server" Text="Seleciona en la lista desplegable el video a borrar:"></asp:Label>
            <asp:TextBox ID="TextBox5" runat="server" Width="1px" Height="1px"></asp:TextBox>
            <br />
            <asp:Label ID="Label7" runat="server" Text="Aqui aparecera la ruta selecionada " 
                Width="328px" style="border: 2px solid black"></asp:Label>
            <telerik:RadButton ID="Button3" runat="server" Text="Borrar" Width="70px" 
                onclick="Button3_Click" OnClientClick="showPleaseWait()" 
                style="height: 26px" Skin="Black">
            </telerik:RadButton></td>
    </tr>
        <asp:Label ID="Label1" runat="server" Text="Label" Visible="False"></asp:Label>
       
          
       
	       
       
        </table> 
        <telerik:RadButton ID="RadButton5" runat="server" Text="Mostrar Ftp" 
            onclick="RadButton5_Click"  
            style="text-align: center; margin-left:500px;" Width="200px" 
           >
        </telerik:RadButton><br />
        <div  id="FTPMO"  runat="server" >
     <table ><tr><td  style="width:350px; height:250px; font-weight: 700; border: 5px dotted black; " 
             class="style4"   >
             <telerik:RadButton ID="RadButton8" runat="server" Skin="Black" 
                 Text="Ocultar Ftp" onclick="RadButton8_Click"  
                >
             </telerik:RadButton>
             <br />
         CONEXION FTP A SERVIDOR EXTERNO<br />
         <br />
         <asp:Label ID="Label8" runat="server" Text="Servidor: "></asp:Label>
         &nbsp;&nbsp;&nbsp;&nbsp;
         <telerik:RadTextBox ID="RadTextBox2" Runat="server" Skin="Black">
         </telerik:RadTextBox>
         <br />
         <br />
         <asp:Label ID="Label9" runat="server" Text="Usuario: "></asp:Label>
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <telerik:RadTextBox ID="RadTextBox1" Runat="server" Skin="Black">
         </telerik:RadTextBox>
         <br />
         <br />
         <asp:Label ID="Label10" runat="server" Text="Contraseña: "></asp:Label>
         <telerik:RadTextBox ID="RadTextBox3" Runat="server" MaxLength="20" Skin="Black" 
             TextMode="Password">
         </telerik:RadTextBox>
         <br />
         <br />
         <telerik:RadButton ID="RadButton4" runat="server" Skin="Black" Text="Conectar" onclick="RadButton4_Click" 
           OnClientClicked="skm_LockScreen" >
         </telerik:RadButton>
         <telerik:RadButton ID="RadButton6" runat="server" Text="Desconectar" 
             Visible="false" onclick="RadButton6_Click" Skin="Black">
         </telerik:RadButton>
         <br />
         <asp:Label ID="Label12" runat="server" Text="" style=" color:Red"></asp:Label>
         </td><td style="width:500px; height:250px; font-weight: 700; border: 5px dotted black" 
             class="style4"  >
             
             <telerik:RadTreeView ID="RadTreeView2" Runat="server" Height="200px" style="margin-left:10px; border: 1px solid black; text-align: left;"
                 Width="480px" OnClientNodeClicking="BeforeClick2" Skin="Black" 
                 BackColor="Black" BorderColor="White" 
                 > <Nodes>
                 <telerik:RadTreeNode runat="server" ExpandedImageUrl="~/imagens/iconos/folder.gif" 
                      Text="Raiz Servidor" Checkable="false" >
                     </telerik:RadTreeNode>
                 </Nodes>
             </telerik:RadTreeView>
             <br />
             
             <asp:Label ID="Label13" runat="server" 
                 style="margin-left:25px; margin-right:25px; border:2px solid black" 
                 Text="Seleciona el archivo de la lista a subir" Width="250px"></asp:Label>
             <br />
             <telerik:RadTextBox ID="RadTextBox5" Runat="server" Skin="Default" Width="1px" 
                 Height="1px">
             </telerik:RadTextBox>   
         
         </td>
         <td  style="font-weight: 700;width:350px; border: 5px dotted black" 
             class="style5" >
             carpeta destino<br />
             <asp:Label ID="Label14" runat="server" style="margin-left:25px; margin-right:25px; border:2px solid black; font-size: medium;" 
                 Text="Marque la casilla" Width="250px" Enabled="false"></asp:Label>
             <br />
             <asp:TextBox ID="TextBox6" runat="server" style="width:1px; height:1px"></asp:TextBox>
             <br />
             <br />
             Renombrar archivo?<asp:RadioButton ID="RadioButton3" 
                 runat="server" Text="Si"  GroupName="FTP" 
                 oncheckedchanged="RadioButton3_CheckedChanged"/>
             <br />
             <br />
             Indique el nuevo nombre:<br />
             (recuerde poner la extensión del archivo)<br />
             <telerik:RadTextBox ID="RadTextBox6" Runat="server" Skin="Black" Width="250px" style="margin-left:25px; margin-right:25px" Enabled="false" >
             </telerik:RadTextBox>
             <br />
             <br />
             <telerik:RadButton ID="RadButton7" runat="server" Skin="Black" 
                 Text="Subir Video"  Width="202px" onclick="RadButton7_Click" 
                 Enabled="false" onclientclicked="skm_LockScreen" >
             </telerik:RadButton>
         </td>
         </tr></table>
         </div>
	</div>
	</form>
</body>
</html>