Changeset 8698


Ignore:
Timestamp:
Jun 25, 2019, 1:35:05 PM (4 months ago)
Author:
daduve
Message:

New OpenSysClone? restyling

Location:
open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui
Files:
31 added
30 edited

Legend:

Unmodified
Added
Removed
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/advanced_ops.html

    r647 r8698  
    22<!--  http://www.webresourcesdepot.com/free-jquery-ui-themes-collection/ -->
    33<head>
    4     <link rel="stylesheet" href="css/login.css">
    54        <link rel="stylesheet" href="css/section.css">
    65                       
     
    1312        <script type="text/javascript" src="i18n/loadlang.js"></script>
    1413        <script type="text/javascript" src="js/advanced_ops.js"></script>
     14        <script type="text/javascript" src="js/combobox_1.js"></script>
    1515
    1616</head>
     
    1818
    1919        <div id="content">
    20                 <h1><script type="text/javascript">document.write(i18n.gettext("advanced_ops.advanced_ops"));</script></h1>     
    21                 <h5><script type="text/javascript">document.write(i18n.gettext("advanced_ops.description"));</script></h5>
    22                 <div class="myform">
     20                <div class="bannerbox">
     21                        <img value="advanced_ops" src="img/advanced_options_banner.png" alt="advanced_ops">
     22                        <div class="textinfo">
     23                                <div class="optiontitle">
     24                                        <script type="text/javascript">document.write(i18n.gettext("advanced_ops.advanced_ops"));</script>
     25                                </div> 
     26                                <div class="optiondescription">
     27                                        <script type="text/javascript">document.write(i18n.gettext("advanced_ops.description"));</script>
     28                                </div>
     29                        </div>
     30                </div>
     31               
     32                <div id="myform">
     33                        <div class="content-form">
     34                                <div>
     35                                        <div class="group">
     36                                                <div class="custom-select" style="width:400px;">
     37                                                        <select required="required" name="protocol" id="protocol">
     38                                                                <option>Select protocol mode</option>
     39                                                                <option value="tftp"><script type="text/javascript">document.write(i18n.gettext("tftp"));</script></option>
     40                                                                <option value="http"><script type="text/javascript">document.write(i18n.gettext("http"));</script></option>
     41                                                        </select>
     42                                                        <label><script type="text/javascript">document.write(i18n.gettext("advanced_ops.protocol"));</script> <img src="img/question.png" height="15px" width="15" title="If your system has any problem with squashfs in tftp mode you can change it to http mode. This mode is more slowly but you can use it."/></label>
     43                                                </div>
     44                                        </div>
     45                                </div>
     46                                <div class="align-right">
     47                                        <div>
     48                                                <span id="goback_make">
     49                                                        <span id="initial_back"><img src="img/back_arrow.png" height="25px" width="25" title="Back to before section"/></span>
     50                                                        <span id="onhover_back"><img src="img/back_arrow_blue.png" height="25px" width="25" title="Back to before section"/></span>
     51                                                </span>
     52                                        </div>
     53                                </div>
     54                        </div>
     55                        <div class="action-form">
     56                                <div class="btn-box">
     57                                        <button id="apply_advanced_ops" class="btn btn-submit" type="submit"><script>document.write(i18n.gettext("done"));</script></button>
     58                                </div>
     59                        </div>
     60                </div>
     61
     62                <div>
     63                        <div id='result'></div>
     64                </div>
     65
     66
     67
     68
     69
     70                <!-- <div class="myform">
    2371                        <label class="customlabel"><script type="text/javascript">document.write(i18n.gettext("advanced_ops.protocol"));</script> <img src="img/question.png" height="25px" width="25" title="If your system has any problem with squashfs in tftp mode you can change it to http mode. This mode is more slowly but you can use it."/></label>
    2472                        <br>
     
    3280                        </div>
    3381                        <div id='result' style='margin-top:10px'></div>
    34                 </div>
    35                 <h4 class="goback" id="goback_make"><script type="text/javascript">document.write(i18n.gettext("go_back"));</script></h4>
     82                </div> -->
     83                <!-- <h4 class="goback" id="goback_make"><script type="text/javascript">document.write(i18n.gettext("go_back"));</script></h4> -->
    3684        </div>
    3785</body>
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/bootmanager.html

    r647 r8698  
    11<html>
    2 <!--  http://www.webresourcesdepot.com/free-jquery-ui-themes-collection/ -->
    32<head>
    4     <link rel="stylesheet" href="css/login.css">
    5 <link rel="stylesheet" href="css/section.css">
     3        <link rel="stylesheet" href="css/section.css">
    64                       
    75        <script type="text/javascript" src="lib/jquery-2.1.0.min.js"></script>
    86        <script type="text/javascript" src="lib/jquery.xmlrpc.js"></script>
    9        
    10        
    11         <!--OWNER-->
    127        <script type="text/javascript" src="lib/i18n.js"></script>
    138        <script type="text/javascript" src="i18n/loadlang.js"></script>
     9        <script type="text/javascript" src="js/combobox_1.js"></script>
    1410        <script type="text/javascript" src="js/bootmanager.js"></script>
    1511
    1612</head>
     13       
    1714<body>
     15        <!--BANNER Titulo y Descripcion-->
    1816        <div id="content">
    19                 <h1><script type="text/javascript">document.write(i18n.gettext("bootmanager.bootmanager"));</script></h1>
    20                 <h5><script type="text/javascript">document.write(i18n.gettext("bootmanager.description"));</script></h5>
     17                <div class="bannerbox">
     18                        <img value="make_image" src="img/gestion_menu_pxe.png" alt="Make Image">
     19                        <div class="textinfo" id="textinfo">
     20                                <div class="optiontitle">
     21                                        <script type="text/javascript">document.write(i18n.gettext("bootmanager.bootmanager"));</script>
     22                                </div> 
     23                                <div class="optiondescription">
     24                                        <script type="text/javascript">document.write(i18n.gettext("bootmanager.description"));</script>
     25                                </div>
     26                        </div>
     27                </div>
     28                <!--Menu navegacion-->
     29                <nav class="top_menu">
     30                        <a class="element_menu" data-top_menu="management" href="#management">Management</a>
     31                        <a class="element_menu" data-top_menu="delete" href="#delete">Delete</a>
     32                        <a class="element_menu" data-top_menu="rescue" href="#rescue">Rescue</a>
     33                        <div class="animation" data-top_menu=""></div>
     34                </nav>
     35                <!--Formulario a rellenar con los botones DIFERENTES PANTALLAS-->
     36                <!--MENU INICIO-->
     37                <div class="panel" id="start">
     38                        <div id="myform" style="padding: 2vh;">
     39                                <div class="content-form" style="padding-bottom: 15px;">
     40                                        <div>
     41                                                <div class="group">
     42                                                <label class="customlabel" style="top:15px;">Please select an option in the menu</label>
     43                                                </div>
     44                                        </div>
     45                                        <!--Botones de regreso y de opciones avanzadas-->
     46                                        <div class="align-right">
     47                                                <div>
     48                                                        <span id="goback4">
     49                                                                <span id="initial_back"><img src="img/back_arrow.png" height="25px" width="25" title="Back to main section"/></span>
     50                                                                <span id="onhover_back"><img src="img/back_arrow_blue.png" height="25px" width="25" title="Back to main section"/></span>
     51                                                        </span>
     52                                                </div>
     53                                        </div>
     54                                </div>
     55                        </div>
     56                </div>
     57                <!--FIN MENU INICIO-->
     58                <!--MENU MANEGEMENT-->
     59                <div class="panelcontainer">
     60                        <div class="panel" id="management">
     61                        <div id="myform">
     62                                <div class="content-form">
     63                                        <iframe id="bootmanager" frameborder="0" ALLOWTRANSPARENCY="true"></iframe>
     64                                        <!--Botones de regreso y de opciones avanzadas-->
     65                                        <div class="align-right">
     66                                                <div>
     67                                                        <span id="goback2">
     68                                                                <span id="initial_back"><img src="img/back_arrow.png" height="25px" width="25" title="Back to main section"/></span>
     69                                                                <span id="onhover_back"><img src="img/back_arrow_blue.png" height="25px" width="25" title="Back to main section"/></span>
     70                                                        </span>
     71                                                </div>
     72                                        </div>
     73                                </div>
     74                        </div>
    2175
    22                 <iframe id="bootmanager" frameborder="0" ALLOWTRANSPARENCY="true"></iframe>
    23                 <h4 class="goback" id="goback"><script type="text/javascript">document.write(i18n.gettext("go_back"));</script></h4>
     76                </div>
     77                <!--FIN MENU MANEGEMENT-->
     78                <div class="panel" id="delete">
     79                        <div id="myform">
     80                                <div class="content-form">
     81                                        <!--Botones de regreso y de opciones avanzadas-->
     82                                        <div class="align-right">
     83                                                <div>
     84                                                        <span id="goback">
     85                                                                <span id="initial_back"><img src="img/back_arrow.png" height="25px" width="25" title="Back to main section"/></span>
     86                                                                <span id="onhover_back"><img src="img/back_arrow_blue.png" height="25px" width="25" title="Back to main section"/></span>
     87                                                        </span>
     88                                                </div>
     89                                        </div>
     90                                </div>
     91                                <!--Boton de ejecucion del formulario-->
     92                                <div class="action-form-center">
     93                                        <div class="btn-box">
     94                                                <button id="delete_pxe" class="btn btn-submit" type="submit"><script>document.write(i18n.gettext("delete_pxe.remove"));</script></button>
     95                                        </div>
     96                                </div>
     97                        </div>
     98                        <!--formulario del resultado-->
     99                        <div>
     100                                <div id='result'></div>
     101                        </div>
     102                </div>
     103                <!--FIN MENU DELETE-->
     104                <div class="panel" id="rescue">
     105                        <div id="myform">
     106                                <div class="content-form">
     107                                        <div>
     108                                                <div class="group">
     109                                                        <div class="customlabel">
     110                                                                <ul class="menu_rescuepxe">
     111                                                                        <li><a href="rescuepxe_usb.html"><script type="text/javascript">document.write(i18n.gettext("rescuepxe.usb"));</script></span><span class="bar"></span></a></li>
     112                                                                        <li><a href="rescuepxe_floppy.html"><script type="text/javascript">document.write(i18n.gettext("rescuepxe.floppy"));</script></span><span class="bar"></span></a></li>
     113                                                                        <li><a href="rescuepxe_cdrom.html"><script type="text/javascript">document.write(i18n.gettext("rescuepxe.cdrom"));</script></span><span class="bar"></span></a></li>
     114                                                                </ul>                                                   
     115                                                        </div>
     116                                                </div>
     117                                        </div>
     118                                        <!--Botones de regreso y de opciones avanzadas-->
     119                                        <div class="align-right">
     120                                                <div>
     121                                                        <span id="goback3">
     122                                                                <span id="initial_back"><img src="img/back_arrow.png" height="25px" width="25" title="Back to main section"/></span>
     123                                                                <span id="onhover_back"><img src="img/back_arrow_blue.png" height="25px" width="25" title="Back to main section"/></span>
     124                                                        </span>
     125                                                </div>
     126                                        </div>
     127                                </div>
     128                        </div>
     129                </div>
     130                <!--FIN MENU RESCUE-->
    24131        </div>
    25132</body>
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/css/login.css

    r647 r8698  
    22    background-image: url('file:////usr/share/open-sysclone-gui/img/login_background.png');
    33    font-family: Verdana, Geneva, sans-serif;
     4    background-position: center center;
     5    background-repeat: no-repeat;
     6    background-size: contain;
     7    width: 100vh;
     8    height: calc(100vh * 9/16);
     9    margin:0 auto;
     10    background-color: green;
    411}
    512
     
    1926        margin-left:10%;
    2027        margin-right:10%;
    21         padding: 10px;
     28        padding: 25px;
    2229        width: 180px;
    23         margin: 340px auto 0 auto;
    24         border: 1px solid white;
    25         background-color: rgba(255,255,255,0.5);
     30        margin: 20vh  auto 0 auto;
     31        border: none;
     32        background-color: rgba(66,66,66,0.5);
     33}
     34
     35.group {
     36  position: relative;
     37  margin: 35px 0;
     38}
     39
     40textarea {
     41  resize: none;
    2642}
    2743
    2844#loginform input[type=text], #loginform input[type=password] {
    29         width: 100%;
    30         border-radius: 5px;
    31         padding: 5px;
    32 }
     45  background: none;
     46  color: #c6c6c6;
     47  font-size: 130%;
     48  padding: 10px 10px 10px 5px;
     49  display: block;
     50  width: 180px;
     51  border: none;
     52  border-radius: 0;
     53  border-bottom: 1px solid #c6c6c6;
     54}
     55
     56input:focus,
     57textarea:focus {
     58  outline: none;
     59}
     60
     61input:focus ~ label, input:valid ~ label,
     62textarea:focus ~ label,
     63textarea:valid ~ label {
     64  top: -14px;
     65  font-size: 90%;
     66  color: #03c6e4;
     67}
     68
     69input:focus ~ .bar:before,
     70textarea:focus ~ .bar:before {
     71  width: 180px;
     72}
     73
     74input[type="password"] {
     75  letter-spacing: 0.3em;
     76}
     77
     78
     79label {
     80  color: #c6c6c6;
     81  font-size: 16px;
     82  font-weight: normal;
     83  position: absolute;
     84  pointer-events: none;
     85  left: 5px;
     86  top: 10px;
     87  transition: 300ms ease all;
     88}
     89
     90.bar {
     91  position: relative;
     92  display: block;
     93  width: 180px;
     94}
     95.bar:before {
     96  content: '';
     97  height: 2px;
     98  width: 0;
     99  bottom: 0px;
     100  position: absolute;
     101  background: #03c6e4;
     102  transition: 300ms ease all;
     103  left: 0%;
     104}
     105
     106.btn {
     107  background: #fff;
     108  color: #959595;
     109  border: none;
     110  padding: 10px 20px;
     111  border-radius: 3px;
     112  letter-spacing: 0.06em;
     113  text-transform: uppercase;
     114  text-decoration: none;
     115  outline: none;
     116  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
     117  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
     118}
     119.btn:hover {
     120  color: #8b8b8b;
     121  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.18), 0 5px 5px rgba(0, 0, 0, 0.12);
     122}
     123.btn.btn-link {
     124  background: #03c6e4;
     125  color: #d3eafd;
     126}
     127.btn.btn-link:hover {
     128  background: #0d8aee;
     129  color: #deeffd;
     130}
     131.btn.btn-submit {
     132  background: #03c6e4;
     133  color: rgba(66,66,66,1);
     134}
     135.btn.btn-submit:hover {
     136  background: #0d8aee;
     137  color: #deeffd;
     138}
     139.btn.btn-cancel {
     140  background: #eee;
     141}
     142.btn.btn-cancel:hover {
     143  background: #e1e1e1;
     144  color: #8b8b8b;
     145}
     146
     147.btn-box {
     148  text-align: center;
     149  margin: 50px 0;
     150}
     151
     152
    33153.customlabel{
    34154        margin: 0px 0 5px 5px;
    35 }
    36 
    37 .custominput{
    38         margin-bottom: 10px;
     155        position: relative;
    39156}
    40157
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/css/main.css

    r647 r8698  
    11body{
    2         background-image: url('file:////usr/share/open-sysclone-gui/img/login_background_alpha.png');
    3     display: flex;
    4         justify-content: center;
    5         align-items: center;
    6         text-align: center;
    7         background-size : 100% 100%;
    8  
     2        background-color: green;
     3        font-family:sans-serif;
     4        padding: 0;
     5        background-image: url('file:////usr/share/open-sysclone-gui/img/login_background.png');
     6        background-repeat: no-repeat;
     7        background-size: contain;
     8        width: 100vh;
     9        height: calc(100vh * 9/16);
     10        margin:0 auto;
     11 
    912}
    10 /*
    11 .myButton {
    12         -moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
    13         -webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
    14         box-shadow: 0px 0px 0px 2px #9fb4f2;
    15         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
    16         background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
    17         background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
    18         background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
    19         background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
    20         background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
    21         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
    22         background-color:#7892c2;
    23         -moz-border-radius:10px;
    24         -webkit-border-radius:10px;
    25         border-radius:10px;
    26         border:1px solid #4e6096;
    27         display:inline-block;
    28         color:#ffffff;
    29         font-family:arial;
    30         font-size:19px;
    31         padding: 4px 40px;
    32         text-decoration:none;
    33         text-shadow:0px 1px 0px #283966;
    34         margin: 10px auto;
    35 }
    36 .myButton:hover {
    37         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
    38         background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
    39         background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
    40         background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
    41         background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
    42         background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
    43         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
    44         background-color:#476e9e;
    45 }
    46 .myButton:active {
    47         position:relative;
    48         top:1px;
    49 }
    50 */
     13
     14
    5115.myform{
    52         border: 1px solid white;
    53         background-color: rgba(255,255,255,0.5);
     16        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     17        background-color: rgba(66,66,66,0.7);
    5418        margin-left:0%;
    5519        margin-right:0%;
    5620        margin-bottom:0%;
    57         margin-top:0%;
    58         padding: 20px;
     21        margin-top:18vh;
     22        padding: 2vh;
    5923}
    6024
    6125.myform input[type=text]{
    6226        width: 100%;
    63         border-radius: 5px;
    64         padding: 10px;
     27        border-radius: 3vh;
     28        padding: 2vh;
    6529}
    66 
    67 
    68 /*.myform button{
    69        
    70         border-radius: 5px;
    71         padding: 5px 10px;
    72         cursor: pointer;
    73         width: 300px;
    74         height: 80px;
    75 }
    76 */
    7730
    7831.myform .right{
     
    8639}
    8740
    88 .myform .
    8941
    9042
     
    9345}
    9446
    95 .banner {
    96         position: relative;
    97         cursor: pointer;
    98         display: block;
    99        
    100         /*width: 80%;*/
    101         height: 10%;
    102         margin:10px;
     47ul {
     48        margin: 0;
     49        padding: 0;
     50        list-style: none;
     51}
     52a {
     53        text-decoration: none;
    10354}
    10455
    105 .banner img{
    106         z-index: -1;
    107         width: 100%;
    108         height: 100%;
     56ul li {
     57        display: flex;
     58        flex-direction: row;
     59        align-items: center;
    10960}
    110 .banner div{
    111         position: absolute;
    112         bottom: 2px;
    113         left: 1%;
     61
     62ul li img{
     63        width: 80px;
     64}
     65
     66.textinfo{
     67        display: flex;
     68        flex-direction: column;
     69        text-align: left;
     70        margin-left: 20px;
     71        cursor: pointer;
     72}
     73
     74
     75.optiontitle{
    11476        font-weight: bolder;
    115         color: #FFF;
     77        font-size: 130%;
     78        color: white;
    11679}
    117 .tittle{
    118         font-weight: bolder;
    119         /*color: #FFF;*/
     80
     81.optiondescription{
     82        color: #03c6e4;
     83        font-size: 100%;
    12084}
     85
     86#onhover {
     87  display: none;
     88}
     89
     90
     91#menu li:hover span[id="initial"]{
     92        display:none;
     93}
     94
     95#menu li:hover span[id="onhover"]{
     96        display:block;
     97}
     98
     99#menu li:hover div{
     100        border-radius: 6px;
     101        background-color: rgba(66,66,66,0.4);
     102}
     103
     104
     105/*ul li img a,ul li div a{
     106        display: inline;
     107}*/
     108
     109/*ul li div h3{
     110text-align: left;
     111vertical-align: middle;
     112padding-left:5px;
     113margin-bottom: 0px;
     114position: relative;
     115}
     116
     117ul li div div{
     118color: rgba(128,128,128,255);
     119text-align: left;
     120margin-top: 0px;
     121padding-left:5px;
     122vertical-align: top;
     123font-size:70%;
     124        }*/
     125
     126/*.service-list {
     127list-style-type: none;
     128margin-left:0px;
     129padding-left:0px;
     130}
     131
     132.service-list li
     133{
     134display:inline-block;
     135list-style-type: none;
     136}
     137
     138.service-list img
     139{
     140float:left;
     141}
     142
     143.service-list h3 {
     144text-align: left;
     145vertical-align: middle;
     146padding-left:5px;
     147margin-bottom: 0px;
     148}
     149
     150.service-list p {
     151color: rgba(128,128,128,255);
     152text-align: left;
     153margin-top: 0px;
     154padding-left:5px;
     155vertical-align: top;
     156font-size:70%;
     157}
     158*/
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/css/section.css

    r647 r8698  
    11body{
    2         background-image: url('file:////usr/share/open-sysclone-gui/img/login_background_sheep.png');
    3         background-size : 100% 100%;
    4 }
    5 
    6 h1{
     2        background-image: url('file:////usr/share/open-sysclone-gui/img/background_banner_off.png');
     3    font-family: sans-serif;
     4    background-position: center center;
     5    background-repeat: no-repeat;
     6    background-size: contain;
     7    width: 100vh;
     8    height: calc(100vh * 9/16);
     9    margin:0 auto;
     10    background-color: green
     11}
     12
     13.bannerbox{
     14        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     15        background-color: rgba(66,66,66,0.7);
     16        margin-left:0%;
     17        margin-right:0%;
     18        margin-bottom:0%;
     19        margin-top:1vh;
     20        padding: 2vh;
     21        display: flex;
     22        flex-direction: row;
     23        align-items: center;
     24}
     25
     26.bannerbox img{
     27       
     28        min-width: 100px;
     29        max-width: 100px;
     30}
     31
     32.bannerbox .textinfo{
     33        display: flex;
     34        flex-direction: column;
     35        text-align: left;
     36        margin-left: 20px;
     37}
     38
     39
     40.optiontitle{
     41        font-weight: bolder;
     42        font-size: 150%;
     43        color: white;
     44}
     45
     46.gobacktitle{
     47        font-weight: bolder;
     48        font-size: 120%;
     49        color: white;
     50}
     51
     52.optiondescription{
     53        color: #03c6e4;
     54        font-size: 95%;
     55}
     56
     57#myform{
     58        margin-left:0%;
     59        margin-right:0%;
     60        margin-bottom:0%;
     61        margin-top:2vh;
     62        padding: 2vh;
     63        border: none;
     64        background-color: rgba(66,66,66,0.7);
     65        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     66}
     67
     68.group {
     69  position: relative;
     70  margin: 30px 0;
     71}
     72
     73.flex_options{
     74        display: flex;
     75        flex-direction: row;
     76        align-items: center;
     77}
     78.margin_left{
     79margin-left: 40px;
     80}
     81
     82textarea {
     83  resize: none;
     84}
     85
     86#myform input[type=text], #myform input[type=password] {
     87  background: none;
     88  color: white;
     89  font-size: 100%;
     90  padding: 5px 10px 10px 5px;
     91  display: block;
     92  width: 220px;
     93  border: none;
     94  border-radius: 0;
     95  border-bottom: 1px solid white;
     96}
     97
     98#myform input[type=file] {
     99  background: none;
     100  color: white;
     101  font-size: 100%;
     102  padding: 10px 10px 10px 5px;
     103  display: block;
     104  width: 300px;
     105  border: none;
     106  border-radius: 0;
     107  border-bottom: 1px solid white;
     108}
     109
     110input:focus,
     111textarea:focus {
     112  outline: none;
     113}
     114
     115/*LABEL TEXT UPPER*/
     116
     117input:focus ~ label, input:valid ~ label,
     118textarea:focus ~ label,
     119textarea:valid ~ label, select:valid ~ label, select:focus ~ label {
     120  top: -14px;
     121  font-size: 100%;
     122  color: #03c6e4;
     123}
     124
     125input[id="timemax"]:focus ~ label, input[id="timemax"]:valid ~ label,
     126textarea[id="timemax"]:focus ~ label,
     127textarea[id="timemax"]:valid ~ label, select[id="timemax"]:valid ~ label, select[id="timemax"]:focus ~ label{
     128        top: -34px;
     129        font-size: 100%;
     130        color: #03c6e4;
     131}
     132
     133.menu_rescuepxe{
     134        list-style-type: none;
     135        margin: 0;
     136        padding: 0;
     137        width: 100px;
     138}
     139
     140.menu_rescuepxe a{
     141        display: block;
     142        padding: 8px 16px;
     143        text-decoration: none;
     144        color: white;
     145}
     146
     147.menu_rescuepxe a:hover{
     148        background-color: #3498db;
     149        color: white;
     150}
     151
     152input:focus ~ .bar:before,
     153textarea:focus ~ .bar:before {
     154  width: 220px;
     155}
     156
     157input[type=file]:focus ~ .bar:before {
     158  width: 300px;
     159}
     160
     161input[type="password"] {
     162  letter-spacing: 0.3em;
     163}
     164
     165
     166label {
     167  color: white;
     168  font-size: 16px;
     169  font-weight: normal;
     170  position: absolute;
     171  pointer-events: none;
     172  left: 5px;
     173  top: 10px;
     174  transition: 300ms ease all;
     175}
     176
     177label[class="double"] {
     178  color: white;
     179  font-size: 16px;
     180  font-weight: normal;
     181  position: absolute;
     182  pointer-events: none;
     183  left: 5px;
     184  top: -5px;
     185  transition: 300ms ease all;
     186}
     187
     188
     189.bar {
     190  position: relative;
     191  display: block;
     192  width: 220px;
     193}
     194
     195.bar:before {
     196  content: '';
     197  height: 2px;
     198  width: 0;
     199  bottom: 0px;
     200  position: absolute;
     201  background: #03c6e4;
     202  transition: 300ms ease all;
     203  left: 0%;
     204}
     205
     206.customlabel{
     207        /*margin: 0px 0 5px 5px;*/
     208        position: relative;
     209}
     210
     211.wrong_pass{
     212        background-color: red;
     213}
     214
     215.ui-button-primary {
     216        -moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
     217        -webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
     218        box-shadow: 0px 0px 0px 2px #9fb4f2;
     219        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
     220        background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
     221        background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
     222        background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
     223        background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
     224        background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
     225        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
     226        background-color:#7892c2;
     227        -moz-border-radius:10px;
     228        -webkit-border-radius:10px;
     229        border-radius:10px;
     230        border:1px solid #4e6096;
     231        display:inline-block;
     232        color:#ffffff;
     233        font-family:arial;
     234        font-size:19px;
     235        padding:4px 60px;
     236        text-decoration:none;
     237        text-shadow:0px 1px 0px #283966;
     238        margin: 10px auto;
     239}
     240.ui-button-primary:hover {
     241        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
     242        background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
     243        background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
     244        background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
     245        background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
     246        background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
     247        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
     248        background-color:#476e9e;
     249}
     250.ui-button-primary:active {
     251        position:relative;
     252        top:1px;
     253}
     254
     255.CursorWaiting, .CursorWaiting *{
     256
     257        cursor: pointer;
     258}
     259
     260#msg_err{
    7261        text-align: center;
    8         margin: 10px 0;
    9 }
    10 h4{
    11         border: 1px solid white;
    12         background-color: rgba(255,255,255,0.5);
    13         padding: 5px 25px;
    14         margin-left:10%;
    15         margin-right:10%;
    16         color: #555;
    17 }
    18 h5{
    19         border: 1px solid white;
    20         background-color: rgba(255,255,255,0.5);
    21         padding: 5px 25px;
    22         margin-left:10%;
    23         margin-right:10%;
    24         color: #555;
    25 }
    26 
    27 .myform{
    28         border: 1px solid white;
    29         background-color: rgba(255,255,255,0.5);
    30         margin-left:10%;
    31         margin-right:10%;
    32         padding: 10px;
    33 }
    34 
    35 
    36 .myform input[type=text]{
    37         width: 100%;
    38         border-radius: 5px;
    39         padding: 5px;
    40 }
    41 
    42 .myform select{
    43         padding: 3px;
    44 }
    45 
    46 .myform button{
    47        
    48         border-radius: 5px;
    49         padding: 5px 10px;
    50 }
    51 .myform .right{
    52 width: 100%;
    53 text-align: right;
    54 }
    55 
    56 .myform .center{
    57 width: 100%;
    58 text-align: center;
    59 }
    60 
    61 .goback{
     262        margin: 30px ;
     263        color: red;
     264        font-weight: bold;
     265        font-size: 20px;
     266}
     267
     268
     269
     270
     271.custom-select {
     272  position: relative;
     273  font-family: Arial;
     274  border-bottom: 1px solid white;
     275  cursor: pointer;
     276}
     277
     278.custom-select:active{
     279        border-bottom: 1px solid #03c6e4;
     280        transition: 300ms ease all
     281}
     282
     283.custom-select select {
     284  display: none; /*hide original SELECT element: */
     285}
     286
     287.select-selected {
     288  background-color: transparent;
     289}
     290
     291
     292/* Style the arrow inside the select element: */
     293.select-selected:after {
     294  position: absolute;
     295  content: "";
     296  top: 14px;
     297  right: 10px;
     298  width: 0;
     299  height: 0;
     300  border: 6px solid transparent;
     301  border-color: white transparent transparent transparent;
     302
     303}
     304
     305/* Point the arrow upwards when the select box is open (active): */
     306
     307.select-selected.select-arrow-active:after {
     308  border-color: transparent transparent #03c6e4 transparent;
     309  top: 7px;
     310}
     311
     312/* style the items (options), including the selected item: */
     313.select-items div,.select-selected {
     314  color: white;
     315  padding: 8px 5px;
     316  cursor: pointer;
     317  font-size:100%;
     318}
     319
     320/* Style items (options): */
     321.select-items {
     322  position: absolute;
     323  background-color: rgba(66,66,66,1);
     324  top: 100%;
     325  left: 0;
     326  right: 0;
     327  z-index: 99;
     328}
     329
     330/* Hide the items when the select box is closed: */
     331.select-hide {
     332  display: none;
     333}
     334
     335.select-items div:hover, .same-as-selected {
     336  background-color: rgba(0, 0, 0, 0.3);
     337}
     338
     339.menu {
     340        display: flex;
     341        flex-direction: row;
     342        margin-top:2vh;
     343}
     344
     345.menu .menu_element{
     346        flex: 1;
     347        display: flex;
     348        justify-content: center;
     349        align-items: center;
     350}
     351
     352.menu .menu_element img {
     353         height: 45px;
     354         width: 45px;
     355         cursor: pointer;
     356}
     357
     358#myform .content-form{
     359        display: flex;
     360        flex-direction: row;
     361}
     362
     363#myform .content-form .align-right{
     364        margin-left: auto;
     365        display: flex;
     366        justify-content: flex-end;
     367}
     368#myform .content-form .align-right div{
     369        margin:0 5px;
     370}
     371#myform .content-form .align-right div span{
    62372        cursor: pointer;
    63373}
    64374
    65 .advanced_ops{
     375#myform .action-form{
     376        text-align: right;
     377}
     378
     379#myform .action-form-center{
     380        text-align: center;
     381}
     382
     383.bannerbox{
     384        user-select:none;
     385}
     386
     387#onhover {
     388  display: none;
     389}
     390
     391#onhover_back {
     392  display: none;
     393}
     394
     395#advanced_ops:hover span[id="initial"]{
     396        display:none;
     397}
     398
     399#advanced_ops:hover span[id="onhover"]{
     400        display:block;
     401}
     402
     403#goback_make:hover span[id="initial_back"]{
     404        display:none;
     405}
     406
     407#goback_make:hover span[id="onhover_back"]{
     408        display:block;
     409}
     410
     411#goback2:hover span[id="initial_back"]{
     412        display:none;
     413}
     414
     415#goback2:hover span[id="onhover_back"]{
     416        display:block;
     417}
     418
     419#goback3:hover span[id="initial_back"]{
     420        display:none;
     421}
     422
     423#goback3:hover span[id="onhover_back"]{
     424        display:block;
     425}
     426
     427#goback4:hover span[id="initial_back"]{
     428        display:none;
     429}
     430
     431#goback4:hover span[id="onhover_back"]{
     432        display:block;
     433}
     434
     435#goback:hover span[id="initial_back"]{
     436        display:none;
     437}
     438
     439#goback:hover span[id="onhover_back"]{
     440        display:block;
     441}
     442
     443.n4dresult{
     444        color: white;
     445        font-size: 90%;
     446        font-weight: normal;
     447        margin-left:0%;
     448        margin-right:0%;
     449        margin-bottom:0%;
     450        margin-top:1vh;
     451        padding: 2vh;
     452        border: none;
     453        background-color: rgba(66,66,66,0.7);
     454        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     455}
     456
     457.n4dresult_erase{
     458        display: none;
     459}
     460/*OPTIONS & ANIMATIONS DONE BUTTON*/
     461
     462.hide {
     463  display: none;
     464}
     465
     466.btn {
     467  background: #fff;
     468  color: #959595;
     469  border: none;
     470  padding: 10px 20px;
     471  border-radius: 3px;
     472  letter-spacing: 0.06em;
     473  text-transform: uppercase;
     474  text-decoration: none;
     475  outline: none;
     476  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
     477  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
     478}
     479
     480.btn:hover,.btn:focus {
     481  color: #8b8b8b;
     482  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.18), 0 5px 5px rgba(0, 0, 0, 0.12);
     483}
     484
     485.btn.btn-submit {
     486  background: #03c6e4;
     487  color: rgba(66,66,66,1);
     488  cursor: pointer;
     489  line-height: 22px;
     490  overflow: hidden;
     491  text-align: center;
     492}
     493
     494.btn.btn-submit:hover, .btn.btn-submit:focus{
     495  background: #0d8aee;
     496  color: #deeffd;
     497}
     498
     499.submit-button {
     500  display: block;
     501  text-transform: uppercase;
     502  letter-spacing: 1px;
     503  height: 38px;
     504  width: 120px;
     505  line-height: 38px;
     506  overflow: hidden;
     507  background: #03c6e4;
     508  outline: none;
     509  border: none;
     510  border-radius: 3px;
     511  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
     512  cursor: pointer;
     513  transition: all .3s ease;
     514  color: rgba(66,66,66,1);
     515}
     516
     517.submit-button:hover{
     518  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.18), 0 5px 5px rgba(0, 0, 0, 0.12);
     519  background: #0d8aee;
     520  color: white;
     521}
     522.submit-button > span {
     523  display: block;
     524  text-align: center;
     525}
     526.submit-button > span.pre-state-msg {
     527  transition:all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
     528  transition-delay: .75s;
     529}
     530.submit-button.state-1 .pre-state-msg {
     531  margin-top: -38px;
     532}
     533.submit-button.state-2 .pre-state-msg {
     534  margin-top: -76px;
     535}
     536.submit-button.state-3 .pre-state-msg {
     537  margin-top: -114px;
     538}
     539
     540/* --END -- OPTIONS & ANIMATIONS DONE BUTTON*/
     541
     542
     543
     544.custom-file-input::-webkit-file-upload-button {
     545  visibility: hidden;
     546}
     547
     548.custom-file-input::before {
     549  content: url(../img/folder_icon.png);
     550  display: inline-block;
     551  position: relative;
     552  background: transparent;
     553  border: none;
     554  padding: 0px 20px;
     555  outline: none;
     556  white-space: nowrap;
     557  -webkit-user-select: none;
     558  cursor: pointer;
     559}
     560
     561.top_menu{
     562        margin: 15px auto 0;
     563        z-index: 2000;
     564        position: relative;
     565        width: 280px;
     566        height: 25px;
     567        background-color: #34495e;
     568        border-radius: 8px;
     569        font-size: 0;
     570}
     571
     572.top_menu .element_menu{
     573        line-height: 25px;
     574        height: 100%;
     575        font-size: 15px;
     576        display: inline-block;
     577        position: relative;
     578        z-index: 1;
     579        text-decoration: none;
     580        text-transform: uppercase;
     581        text-align: center;
     582        color: white;
    66583        cursor: pointer;
    67         text-align: right;
    68 }
    69 
    70 #table_container{
    71         margin: 20px 0;
    72         background-color: white;
    73         padding: 5px;
    74 }
    75 
    76 
    77 #table_container table{
    78         display: block;
    79         width: 100%;
    80         border-collapse: collapse;
    81         text-align: center;
    82 }
    83 
    84 #table_container .selected{
    85         background-color: orange;
    86 }
     584}
     585.top_menu .animation {
     586        position: absolute;
     587        height: 100%;
     588        top: 0;
     589        z-index: 0;
     590        transition: all .5s ease 0s;
     591        border-radius: 8px;
     592}
     593
     594.element_menu:nth-child(1) {
     595        width: 120px;
     596}
     597.element_menu:nth-child(2) {
     598        width: 80px;
     599}
     600.element_menu:nth-child(3) {
     601        width: 80px;
     602}
     603
     604.top_menu .animation[data-top_menu="management"], .element_menu:nth-child(1):hover~.animation {
     605        width: 120px;
     606        left: 0;
     607        background-color: #3498db;
     608}
     609.top_menu .animation[data-top_menu="delete"], .element_menu:nth-child(2):hover~.animation {
     610        width: 80px;
     611        left: 120px;
     612        background-color: #3498db;
     613}
     614.top_menu .animation[data-top_menu="rescue"], .element_menu:nth-child(3):hover~.animation {
     615        width: 80px;
     616        left: 200px;
     617        background-color: #3498db;
     618}
     619
     620.panel{
     621        overflow-y: auto;
     622        overflow-x: hidden;
     623        position: absolute;
     624        opacity: 0;
     625        width: 100vh;
     626        z-index:2;
     627        -webkit-transition: opacity .6s ease-in-out;
     628        -moz-transition: opacity .6s ease-in-out;
     629        -o-transition: opacity .6s ease-in-out;
     630        -ms-transition: opacity .6s ease-in-out;
     631        transition: opacity .6s ease-in-out;
     632}
     633.panel:target{
     634        opacity: 1;
     635        margin-top: 0%;
     636        z-index:3;
     637}
     638#management:target ~ #delete #rescue,
     639#delete:target ~ #rescue #management,
     640#rescue:target ~ #delete #management {
     641        background: #000;
     642        color: #fff;
     643}
     644
     645.optiontitle_rescue_usb{
     646        font-weight: bolder;
     647        font-size: 105%;
     648        /*color: #FF851B;*/
     649        color:#03c6e4;
     650
     651}
     652
     653.optiondescription_rescue_usb{
     654        color: white;
     655        font-size: 95%;
     656        top:25px;
     657}
     658
     659.selected{
     660        background:black;
     661}
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/delete_image.html

    r647 r8698  
    11<html>
    2 <!--  http://www.webresourcesdepot.com/free-jquery-ui-themes-collection/ -->
     2
    33<head>
    4     <link rel="stylesheet" href="css/login.css">
    5 <link rel="stylesheet" href="css/section.css">
     4        <link rel="stylesheet" href="css/section.css">
    65                       
    76        <script type="text/javascript" src="lib/jquery-2.1.0.min.js"></script>
    87        <script type="text/javascript" src="lib/jquery.xmlrpc.js"></script>
    9        
    10        
    11         <!--OWNER-->
    128        <script type="text/javascript" src="lib/i18n.js"></script>
    139        <script type="text/javascript" src="i18n/loadlang.js"></script>
     10        <script type="text/javascript" src="js/combobox_1.js"></script>
    1411        <script type="text/javascript" src="js/delete_image.js"></script>
    1512
    1613</head>
     14
    1715<body>
     16        <div id="content">
     17                <div class="bannerbox">
     18                        <img value="Delete Image" src="img/borrar_banner.png" alt="Delete Image">
     19                        <div class="textinfo">
     20                                <div class="optiontitle">
     21                                        <script type="text/javascript">document.write(i18n.gettext("delete_image.delete_image"));</script>
     22                                </div> 
     23                                <div class="optiondescription">
     24                                        <script type="text/javascript">document.write(i18n.gettext("delete_image.description"));</script>
     25                                </div>
     26                        </div>
     27                </div>
     28
     29                <div id="myform">
     30                        <div class="content-form">
     31                                <div>
     32                                        <div class="group">
     33                                                <div class="customlabel">                                                       
     34                                                        <div class="custom-select" style="width:420px;">
     35                                                                <select required="required" name="imagename" id="imagename"></select>
     36                                                                <label>
     37                                                                        <script type="text/javascript">document.write(i18n.gettext("delete_image.delete_select"));</script> <img src="img/question.png" height="15px" width="15" title="Select image to delete it from server"/>
     38                                                                </label>
     39                                                        </div>
     40                                                </div>
     41                                        </div>
     42                                </div>
     43                                <div class="align-right">
     44                                        <div>
     45                                                <span id="goback2">
     46                                                        <span id="initial_back"><img src="img/back_arrow.png" height="25px" width="25" title="Back to main section"/></span>
     47                                                        <span id="onhover_back"><img src="img/back_arrow_blue.png" height="25px" width="25" title="Back to main section"/></span>
     48                                                </span>
     49                                        </div>
     50                                </div>
     51                        </div>
     52                        <div class="action-form">
     53                                <div class="btn-box">
     54                                        <button id="deleteimage" class="btn btn-submit" type="submit"><script>document.write(i18n.gettext("done"));</script></button>
     55                                </div>
     56                        </div>
     57                </div>
     58                <div>
     59                        <div id='result'></div>
     60                </div>
     61        </div>
     62</body>
     63</html>
     64
     65
     66<!-- <body>
    1867        <div id="content">
    1968                <h1><script type="text/javascript">document.write(i18n.gettext("delete_image.delete_image"));</script></h1>
     
    3685        </div>
    3786</body>
    38 </html>
     87</html> -->
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/js/advanced_ops.js

    r2381 r8698  
    1212                                                var protocol = response[0];
    1313                                                $("#protocol option[value='"+protocol+"']").attr("selected","selected");
     14                                                var text_value = $("#protocol option[value='"+protocol+"']")[0].childNodes[1].textContent;
     15                                                $("#protocol ~ .select-selected").html(text_value);
    1416                                },
    1517                                error: function(jqXHR, status, error) {
     
    2527        this.apply_advanced_ops = function (){
    2628                var protocol = $("#protocol").val();
     29                document.getElementById("result").className ="n4dresult_erase";
    2730
    2831                $.xmlrpc({
     
    4548                                        $('#result').append(response1);
    4649                                        $('#result').append(text);
     50                                        document.getElementById("result").className ="n4dresult";
    4751                                       
    4852                                },
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/js/bootmanager.js

    r647 r8698  
    1010BootManager.prototype.BindLoginEventHandlers = function() {
    1111        $("#goback").bind('click',this.goback);
     12        $("#goback2").bind('click',this.goback);
     13        $("#goback3").bind('click',this.goback);
     14        $("#goback4").bind('click',this.goback);
     15        $("#delete_pxe").bind('click',this.nfs_export_stop);
     16        $("#rescuepxe_cdrom").bind('click',this.rescuepxe_cdrom_test);
     17
     18
    1219        $('#bootmanager').attr('src','llx-bootmanager-gui/main.html');
    1320        $('#bootmanager').css("width","100%");
    14         $('#bootmanager').css("height","400px");
    15         $('#bootmanager').css("-webkit-transform","scale(0.80)");
     21        $('#bootmanager').css("height","380px");
     22        $('#bootmanager').css("margin-top","30px");
     23        $('#bootmanager').css("-webkit-transform","scale(1)");
    1624        $('#bootmanager').css("-webkit-transform-origin","50% 0");
    1725       
     
    2028                $('#bootmanager').contents().find('head').append(style);
    2129        });
     30        $('.top_menu .element_menu').click(function(){
     31                $(".top_menu .animation").removeAttr("data-top_menu");
     32                $(".top_menu .animation").attr("data-top_menu",$(this).attr("data-top_menu"));
     33                //CHANGE BANNER INFO WITH OPTION MENU SELECTED
     34                if ( $(".top_menu .animation").attr("data-top_menu") == "management" ){
     35                        console.log("management");
     36                        $(".bannerbox .optiontitle").html(i18n.gettext("bootmanager.bootmanager"));
     37                        $(".bannerbox .optiondescription").html(i18n.gettext("bootmanager.description"));
     38                }else if ( $(".top_menu .animation").attr("data-top_menu") == "delete" ){
     39                        console.log("delete");
     40                        $(".bannerbox .optiontitle").html(i18n.gettext("delete_pxe.title"));
     41                        $(".bannerbox .optiondescription").html(i18n.gettext("delete_pxe.description"));
     42                }else if ( $(".top_menu .animation").attr("data-top_menu") == "rescue" ){
     43                        console.log("rescue");
     44                        $(".bannerbox .optiontitle").html(i18n.gettext("main.rescuepxe"));
     45                        $(".bannerbox .optiondescription").html(i18n.gettext("rescuepxe.description"));
     46                }
     47        });
    2248};
     49//DELETE_PXE functions
     50        this.nfs_export_stop = function (){
     51
     52                $.xmlrpc({
     53                                //dejamos de servir por nfs la unidad de las imagenes
     54                                url: 'https://'+sessionStorage.server+':9779',
     55                                methodName: 'nfs_export_stop',
     56                                params: [[sessionStorage.username , sessionStorage.password],"OpenSysClone",'imagenes'],
     57                                success: function(response,status,jqXHR){
     58                                        result=response[0][0];
     59                                        if (result){
     60                                                self.delete_menu_pxe();
     61                                        }
     62                                        else{
     63                                                console.log("ha habido un error deteniendo el servicio de nfs",response[0]);
     64                                        }
     65                                },
     66                                error: function(jqXHR, status, error) {
     67                                        alert("Status: "+status+"\nError: N4d server is down"+error);
     68                                }
     69                        });
     70
     71
     72        }
     73
     74        this.delete_menu_pxe = function (){
     75               
     76                $.xmlrpc({
     77                                url: 'https://'+sessionStorage.server+':9779',
     78                                methodName: 'del_menu_pxe',
     79                                params: [[sessionStorage.username , sessionStorage.password],"OpenSysClone"],
     80                                success: function(response,status,jqXHR){
     81                                        //vacio la variable que me informara del resultado
     82                                        $('#result').empty();
     83
     84                                        result=response[0][0];
     85                                        var test=response[0].length
     86                                        if (result){
     87                                               
     88                                                //añado a la variable text la respuesta de N4D
     89                                                if (test > 2 ){
     90                                                        console.log("todo ha ido bien");
     91                                                        var img = $(document.createElement('img')).attr('src','img/ok.png');
     92                                                        //Añado los valores al identificador que me mostrara la respuesta por pantalla
     93                                                        //Especificamos el tamaño de la imagen
     94                                                        img.attr('style',"width: 15px; height: 15px; margin: 5px;");
     95                                                        var pxe_path = $(document.createElement('span')).html(response[0][2][0]);
     96                                                        var text = $(document.createElement("span")).html(i18n.gettext("delete_pxe.ok"));
     97                                                        //Uno la imagen y el texto dentro del identificador de la web result
     98                                                       
     99                                                }
     100                                                else{
     101                                                        var img = $(document.createElement('img')).attr('src','img/fail.png');
     102                                                        //Añado los valores al identificador que me mostrara la respuesta por pantalla
     103                                                        //Especificamos el tamaño de la imagen
     104                                                        img.attr('style',"width: 15px; height: 15px; margin: 5px;");
     105                                                        var pxe_path = "";
     106                                                        var text = $(document.createElement("span")).html(i18n.gettext("delete_pxe.fail"));
     107                                                        //Uno la imagen y el texto dentro del identificador de la web result
     108                                                }
     109                                                $('#result').append(img);
     110                                                $('#result').append(text);
     111                                                $('#result').append(pxe_path);
     112                                                document.getElementById("result").className ="n4dresult";
     113                                        }
     114                                        else{
     115                                                console.log("No se puede borrar la entrada",response[0]);
     116                                                var img = $(document.createElement('img')).attr('src','img/fail.png');
     117                                                //Añado los valores al identificador que me mostrara la respuesta por pantalla
     118                                                //Especificamos el tamaño de la imagen
     119                                                img.attr('style',"width: 15px; height: 15px; margin: 5px;");
     120                                                //añado a la variable text la respuesta de N4D
     121                                                var text = $(document.createElement("span")).html(i18n.gettext("delete_pxe.fail"));
     122                                                //Uno la imagen y el texto dentro del identificador de la web result
     123                                                $('#result').append(img);
     124                                                $('#result').append(text);
     125                                                document.getElementById("result").className ="n4dresult";
     126                                        }
     127                                       
     128                                },
     129                                error: function(jqXHR, status, error) {
     130                                        alert("Status: "+status+"\nError: N4d server is down"+error);
     131                                }
     132                        });
     133        }
    23134
    24135//this function is for buttom goback
     
    28139}
    29140
     141
    30142$(document).ready(function(){
    31143        var bm = new BootManager();
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/js/delete_image.js

    r2381 r8698  
    1515                $("#goback").bind('click',this.goback);
    1616                $("#deleteimage").bind('click',this.deleteimage);
     17                $("#goback2").bind('click',this.goback);
    1718               
    1819               
     
    2425                                url: 'https://'+sessionStorage.server+':9779',
    2526                                methodName: 'list_img',
    26                                 params: [[sessionStorage.username , sessionStorage.password],"OpenSysClone",pathfile],
     27                                params: [[sessionStorage.username , sessionStorage.password],"OpenSysClone"],
    2728                                success: function(response,status,jqXHR){
    2829                                        result=response[0][0];
     30                                        $("#imagename").append('<option value="no_option">Select an image</option>');
    2931                                        if (result){
    3032                                                response[0][1].forEach(function (item){
    3133                                                        var aux_option = $(document.createElement('option')).val(item).html(item);
    32                                                         $("#imagename").append(aux_option);
     34                                                        $("#imagename").append(aux_option[0]);
    3335                                                });
     36                                        initial_combo();
    3437                                        }
    3538                                        else {
     
    3740                                                $("#imagename").append(aux_option);
    3841                                                $("#imagename").prop('disabled','disabled');
    39                                                
    4042                                        }
    4143                                },
     
    5658       
    5759        this.deleteimage = function (){
     60                document.getElementById("result").className ="n4dresult_erase";
    5861                var imgname = $("#imagename").val();
    5962
     
    6265                console.log(imgname);
    6366                if (imgname === ""){
    64                         console.log("Please insert the name of image to restore");
     67                        console.log("Please insert the name of image to delete");
    6568                        $('#result').empty();
    6669                        var img = $(document.createElement('img')).attr('src','img/fail.png');
     
    7376                        $('#result').append(img);
    7477                        $('#result').append(text);
     78                        document.getElementById("result").className ="n4dresult";
     79                        return false;
     80                }
     81                if (imgname === "no_option"){
     82                        console.log("Please insert the name of image to delete");
     83                        var img = $(document.createElement('img')).attr('src','img/fail.png');
     84                        //Añado los valores al identificador que me mostrara la respuesta por pantalla
     85                        //Especificamos el tamaño de la imagen
     86                        img.attr('style',"width: 15px; height: 15px; margin: 5px;");
     87                        //añado a la variable text la respuesta de N4D
     88                        var text = $(document.createElement("span")).html(i18n.gettext("delete.imgname"));
     89                        //Uno la imagen y el texto dentro del identificador de la web result
     90                        $('#result').append(img);
     91                        $('#result').append(text);
     92                        document.getElementById("result").className ="n4dresult";
    7593                        return false;
    7694                }
     
    98116                                                $('#result').append(text);
    99117                                                $('#result').append(text_imgname);
     118                                                document.getElementById("result").className ="n4dresult";
    100119                                        }
    101120                                        else{
     
    110129                                                $('#result').append(img);
    111130                                                $('#result').append(text);
     131                                                document.getElementById("result").className ="n4dresult";
    112132                                        }
    113133                                },
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/js/delete_pxe.js

    r2381 r8698  
    7373                                                $('#result').append(text);
    7474                                                $('#result').append(pxe_path);
     75                                                document.getElementById("result").className ="n4dresult";
    7576                                        }
    7677                                        else{
     
    8586                                                $('#result').append(img);
    8687                                                $('#result').append(text);
     88                                                document.getElementById("result").className ="n4dresult";
    8789                                        }
    8890                                       
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/js/main.js

    r647 r8698  
    5757        }
    5858});
    59 
    60 
    61 
     59       
    6260        $("#make_image").bind('click',make_image);
    6361        $("#restore_image").bind('click',restore_image);
     
    7674        $("#rescuepxe").bind('click',rescuepxe);
    7775}
     76
     77$(".textinfo").hover( function() { // Changes the .image-holder's img src to the src defined in .list a's data attribute.
     78    var value=$(this).attr('id');
     79    $("li").attr("src", value);
     80});
    7881
    7982
     
    103106
    104107function manage_pxe(event){
    105         window.location='bootmanager.html';     
     108        window.location='bootmanager.html#start';       
    106109}
    107110
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/js/make_image.js

    r2381 r8698  
    44        this.BindLoginEventHandlers = function(){
    55                $("#goback").bind('click',this.goback);
     6                $("#goback2").bind('click',this.goback);
    67                $("#advanced_ops").bind('click',this.advanced_ops);
    78                $("#makeimage").bind('click',this.makeimage);
     
    1718
    1819        this.makeimage = function (){
     20
     21                document.getElementById("result").className ="n4dresult_erase";
    1922                var imgname = $("#imgname").val();
    2023                var imagehdd = $("#imagehdd").val();
     
    3336                        $('#result').append(img);
    3437                        $('#result').append(text);
     38                        document.getElementById("result").className ="n4dresult";
    3539                        return false;
    3640                }
     
    4751                        $('#result').append(img);
    4852                        $('#result').append(text);
     53                        document.getElementById("result").className ="n4dresult";
    4954                        return false;
    5055                }
     
    6166                        $('#result').append(img);
    6267                        $('#result').append(text);
     68                        document.getElementById("result").className ="n4dresult";
    6369                        return false;
    6470                }
     
    145151                                        $('#result').append(response2);
    146152                                        $('#result').append(path_writed);
    147                                        
     153                                        document.getElementById("result").className ="n4dresult";
    148154                                },
    149155                                error: function(jqXHR, status, error) {
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/js/networkiso.js

    r2381 r8698  
    44        this.BindLoginEventHandlers = function(){
    55                $("#goback").bind('click',this.goback);
     6                $("#goback2").bind('click',this.goback);
    67                $("#exportiso").bind('click',this.exportiso);
    78        }
     
    2829
    2930        this.exportiso = function (){
     31                document.getElementById("result").className ="n4dresult_erase";
    3032                var isopath = $("#isopath").val();
    3133                var name_iso = $("#isoname").val();
     
    4345                        $('#result').append(img);
    4446                        $('#result').append(text);
     47                        document.getElementById("result").className ="n4dresult";
    4548                        return false;
    4649                }
     
    101104                                        $('#result').append(img);
    102105                                        $('#result').append(text);
     106                                        document.getElementById("result").className ="n4dresult";
    103107                                },
    104108                                error: function(jqXHR, status, error) {
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/js/rescuepxe_cdrom.js

    r647 r8698  
    44        this.BindLoginEventHandlers = function(){
    55                $("#goback").bind('click',this.goback);
    6                 $("#rescuepxe_cdrom").bind('click',this.rescuepxe_cdrom_test);
     6                $("#rescuepxe_cdrom").bind('click',this.start_process);
    77        }
    88
    99        this.goback = function (event){
    10                 window.location='rescuepxe.html';
     10                window.location='bootmanager.html#rescue';
     11        }
     12
     13        this.start_process = function (){
     14                console.log("Inicio...");
     15                $("#rescuepxe_cdrom").addClass('state-1');
     16                setTimeout(function(){self.rescuepxe_cdrom_test()}, 2000);
     17        }
     18
     19        this.setInitialButtonState = function (){
     20                console.log("Fin");
     21                $("#rescuepxe_cdrom").removeClass("state-1");
     22                $("#rescuepxe_cdrom").removeClass("state-2");
     23                $("#rescuepxe_cdrom").removeClass("state-3");
    1124        }
    1225
    1326
    1427        this.rescuepxe_cdrom_test = function (){
     28                console.log("Proceso");
    1529                var device = $("#device").val();
    1630
     
    2943                        return false;
    3044                }
     45                console.log("Test N4D USER");
     46                $.xmlrpc({
     47                                url: 'https://localhost:9779',
     48                                methodName: 'validate_user',
     49                                params: [sessionStorage.username, sessionStorage.password],
     50                                success: function(response,status,jqXHR){
     51                                        //alert(response[0]['status']);
     52                                        //alert(response[0]['msg'].length);
     53                                       
     54                                        if ( response[0][0]===true){
    3155
     56                                                sessionStorage.localusername = sessionStorage.username;
     57                                                sessionStorage.localpassword = sessionStorage.password;
     58                                                /*iniciar seleccion device*/
     59                                                $("body").removeClass("CursorWaiting");
     60                                        }
     61                                        else {
     62                                                $("#content").removeClass("CursorWaiting");
     63                                                window.location='rescuepxe_uservalidate.html';
     64                                        };
     65                                       
     66                                },
     67                                error: function(jqXHR, status, error) {
     68                                        $("body").removeClass("CursorWaiting");
     69                                        alert("Status: "+status+"\nError: N4D server is down "+error);
     70                                }
     71                        })
    3272                console.log("Test CDROM device");
    3373                $.xmlrpc({
     
    4787                                                console.log("There is not a CD-Rom in device",response[0]);
    4888                                                alert(i18n.gettext("rescuepxe.cdrom_test"));
     89                                                self.setInitialButtonState()
    4990                                        }
    5091                                },
    5192                                error: function(jqXHR, status, error) {
    5293                                        alert("Status: "+status+"\nError: N4d server is down"+error);
     94                                        self.setInitialButtonState()
    5395                                }
    5496                        });
    55                 }
     97                // console.log("CDRom it's in device");
     98                // setTimeout(function(){self.rescuepxe_cdrom_blank_test(device)}, 2000);
     99                 }
    56100
    57101        this.rescuepxe_cdrom_blank_test = function (device){
     
    69113                                        if (result){
    70114                                                console.log("CD-Rom in device is blank");
     115                                                $("#rescuepxe_cdrom").addClass('state-2');
    71116                                                self.rescuepxe_cdrom(device);
    72117                                        }
     
    74119                                                console.log("CD-Rom in device is full",response[0]);
    75120                                                alert(i18n.gettext("rescuepxe.cdrom_blank_test"));
     121                                                self.setInitialButtonState()
    76122                                        }
    77123                                },
    78124                                error: function(jqXHR, status, error) {
    79125                                        alert("Status: "+status+"\nError: N4d server is down"+error);
     126                                        self.setInitialButtonState()
    80127                                }
    81128                        });
     129                // console.log("CD-Rom in device is blank");
     130                // $("#rescuepxe_cdrom").addClass('state-2');
     131                // setTimeout(function(){self.rescuepxe_cdrom(device)}, 2000);
    82132                }
    83133
     
    99149                                                var img = $(document.createElement('img')).attr('src','img/ok.png');
    100150                                                alert(i18n.gettext("rescuepxe.finished_burn"));
    101                                                 window.location='main.html';
     151                                                // window.location='main.html';
    102152                                        }
    103153                                        else{
     
    113163                                        $('#result').append(img);
    114164                                        $('#result').append(text);
     165                                        document.getElementById("result").className ="n4dresult";
     166
     167                                        $("#rescuepxe_cdrom").addClass('state-3');
     168                                        self.setInitialButtonState()
    115169                                },
    116170                                error: function(jqXHR, status, error) {
    117171                                        alert("Status: "+status+"\nError: N4d server is down"+error);
     172                                        self.setInitialButtonState()
    118173                                }
    119174                        });
     175                // var img = $(document.createElement('img')).attr('src','img/ok.png');
     176                // img.attr('style',"width: 15px; height: 15px; margin: 5px;");
     177                // $('#result').append(img);
     178                // document.getElementById("result").className ="n4dresult";
     179                // $("#rescuepxe_cdrom").addClass('state-3');
     180                // setTimeout(function(){self.setInitialButtonState()}, 2000);
    120181                }
    121182
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/js/rescuepxe_floppy.js

    r647 r8698  
    11/* Class definition*/
     2
    23function RescuepxeManagerFloppy(){
    34        var self = this;
    45        this.BindLoginEventHandlers = function(){
    5                 $("#goback_floppy").bind('click',this.goback_floppy);
     6                $("#goback2").bind('click',this.goback_floppy);
    67                $("#rescuepxe_floppy").bind('click',this.rescuepxe_floppy);
    78        }
    89
    910        this.goback_floppy = function (event){
    10                 window.location='rescuepxe.html';
     11                window.location='bootmanager.html#rescue';
    1112        }
    1213
    1314        this.rescuepxe_floppy = function (){
    1415                console.log("Burn the floppy");
     16                // VALIDATE USER
     17                $.xmlrpc({
     18                                url: 'https://localhost:9779',
     19                                methodName: 'validate_user',
     20                                params: [sessionStorage.username, sessionStorage.password],
     21                                success: function(response,status,jqXHR){
     22                                        //alert(response[0]['status']);
     23                                        //alert(response[0]['msg'].length);
     24                                       
     25                                        if ( response[0][0]===true){
     26
     27                                                sessionStorage.localusername = sessionStorage.username;
     28                                                sessionStorage.localpassword = sessionStorage.password;
     29                                                /*iniciar seleccion device*/
     30                                                $("body").removeClass("CursorWaiting");
     31                                        }
     32                                        else {
     33                                                $("#content").removeClass("CursorWaiting");
     34                                                window.location='rescuepxe_uservalidate.html';
     35                                        };
     36                                       
     37                                },
     38                                error: function(jqXHR, status, error) {
     39                                        $("body").removeClass("CursorWaiting");
     40                                        alert("Status: "+status+"\nError: N4D server is down "+error);
     41                                }
     42                        })
     43                // BURNING FLOPPY
    1544                $.xmlrpc({
    1645                                url: 'https://localhost:9779',
     
    2655                                                var img = $(document.createElement('img')).attr('src','img/ok.png');
    2756                                                alert(i18n.gettext("rescuepxe.finished_burn"));
    28                                                 window.location='main.html';
    2957                                        }
    3058                                        else{
     
    4068                                        $('#result').append(img);
    4169                                        $('#result').append(text);
     70                                        document.getElementById("result").className ="n4dresult";
    4271                                },
    4372                                error: function(jqXHR, status, error) {
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/js/rescuepxe_usb.js

    r647 r8698  
    1717        this.goback = function (event){
    1818                clearInterval(self.searchInterval);
    19                 window.location='rescuepxe.html';
     19                window.location='bootmanager.html#rescue';
    2020        }
    2121
     
    5656        this.showStage1=function showStage1(){
    5757                $("#divWizard").empty();
    58                 var title=$(document.createElement("h3")).html(i18n.gettext("rescuepxe.stage1.tittle"));
     58                var title=$(document.createElement("label")).addClass("customlabel").html(i18n.gettext("rescuepxe.stage1.tittle"));
     59                title.addClass("optiontitle_rescue_usb");
    5960                $("#divWizard").append(title);
    60                 var text=$(document.createElement("div")).html(i18n.gettext("rescuepxe.stage1.description"));
     61                var newline=$(document.createElement("br"))
     62                $("#divWizard").append(newline);
     63                var text=$(document.createElement("label")).addClass("customlabel").html(i18n.gettext("rescuepxe.stage1.description"));
     64                text.addClass("optiondescription_rescue_usb");
    6165                $("#divWizard").append(text);
    62                 var btWizard_1=$(document.createElement("button")).attr("id", "btwiz1");
     66                var btWizard_1=$(document.createElement("button")).addClass("submit-button").attr("id", "btwiz1").html(i18n.gettext("rescuepxe.stage1.button"));
     67                btWizard_1.css("margin-top","50px");
    6368                btWizard_1.bind("click",function(){
    6469                        self.getDeviceList(self.setFirstDeviceList, self.showStage2);
    6570                });
    66                 btWizard_1.addClass("btWizard green firstbutton").html(i18n.gettext("rescuepxe.stage1.button"));
    6771                $("#divWizard").append(btWizard_1);
     72
     73                console.log("Test N4D USER");
     74                $.xmlrpc({
     75                                url: 'https://localhost:9779',
     76                                methodName: 'validate_user',
     77                                params: [sessionStorage.username, sessionStorage.password],
     78                                success: function(response,status,jqXHR){
     79                                        //alert(response[0]['status']);
     80                                        //alert(response[0]['msg'].length);
     81                                       
     82                                        if ( response[0][0]===true){
     83
     84                                                sessionStorage.localusername = sessionStorage.username;
     85                                                sessionStorage.localpassword = sessionStorage.password;
     86                                                /*iniciar seleccion device*/
     87                                                $("body").removeClass("CursorWaiting");
     88                                        }
     89                                        else {
     90                                                $("#content").removeClass("CursorWaiting");
     91                                                window.location='rescuepxe_uservalidate.html';
     92                                        };
     93                                        console.log("Test N4D USER RESULT, username: "+sessionStorage.localusername+" -- passwd: "+sessionStorage.localpassword);
     94                                       
     95                                },
     96                                error: function(jqXHR, status, error) {
     97                                        $("body").removeClass("CursorWaiting");
     98                                        alert("Status: "+status+"\nError: N4D server is down "+error);
     99                                }
     100                        })
    68101        }
    69102       
     
    71104        this.showStage2=function showStage2(){
    72105                $("#divWizard").empty();
    73                 var title=$(document.createElement("h3")).html(i18n.gettext("rescuepxe.stage2.tittle"));
     106                var title=$(document.createElement("label")).addClass("customlabel").html(i18n.gettext("rescuepxe.stage2.tittle"));
     107                title.addClass("optiontitle_rescue_usb");
    74108                $("#divWizard").append(title);
    75                 var text=$(document.createElement("div")).html(i18n.gettext("rescuepxe.stage2.description"));
     109                var newline=$(document.createElement("br"))
     110                $("#divWizard").append(newline);
     111                var text=$(document.createElement("label")).addClass("customlabel").html(i18n.gettext("rescuepxe.stage2.description"));
     112                text.addClass("optiondescription_rescue_usb");
    76113                $("#divWizard").append(text);
    77114               
    78115                var wait=$(document.createElement("div")).addClass("Waiting").attr("id", "waiting_div");
    79116                $("#divWizard").append(wait);
    80                
    81                 var CloseBt=$(document.createElement("button")).addClass("red btWizard firstbutton").attr("id", "cancel_button").html(i18n.gettext("rescuepxe.cancel"));
     117
     118                var CloseBt=$(document.createElement("button")).addClass("submit-button").attr("id", "cancel_button").attr("style","width: 200px;margin-top:60px").html(i18n.gettext("rescuepxe.cancel"));
     119                //var CloseBt=$(document.createElement("button")).addClass("red btWizard firstbutton").attr("id", "cancel_button").html(i18n.gettext("rescuepxe.cancel"));
     120                CloseBt.css("margin-top","50px");
    82121                $("#divWizard").append(CloseBt);
    83122                $(CloseBt).bind("click", function(){
     
    96135        this.showStage3=function showStage3(diff){
    97136                $("#divWizard").empty();
    98                 var title=$(document.createElement("h3")).html(i18n.gettext("rescuepxe.stage3.tittle"));
     137                var title=$(document.createElement("label")).addClass("customlabel").html(i18n.gettext("rescuepxe.stage3.tittle"));
     138                title.addClass("optiontitle_rescue_usb");
    99139                $("#divWizard").append(title);
    100                 var text=$(document.createElement("div")).html(i18n.gettext("rescuepxe.stage3.description"));
     140                var newline=$(document.createElement("br"))
     141                $("#divWizard").append(newline);
     142                var text=$(document.createElement("label")).addClass("customlabel").html(i18n.gettext("rescuepxe.stage3.description"));
     143                text.addClass("optiondescription_rescue_usb");
    101144                $("#divWizard").append(text);
    102145               
    103                 var device_table=$(document.createElement("table"));
     146                var device_table=$(document.createElement("table")).attr("style","width: 400px; border-spacing: 0px 10px;margin-bottom:30px");
    104147                var t_header=$(document.createElement("tr"));
    105                 var thcol1=$(document.createElement("th")).html(i18n.gettext("rescuepxe.stage3.tablecol1"));
    106                 var thcol2=$(document.createElement("th")).html(i18n.gettext("rescuepxe.stage3.tablecol2"));
    107                 var thcol3=$(document.createElement("th")).html(i18n.gettext("rescuepxe.stage3.tablecol3"));
     148                // $(t_header).css("text-align", "left");
     149                $(t_header).attr("style","text-align: left");
     150                var thcol1=$(document.createElement("th")).addClass("optiondescription_rescue_usb").css("color","black").html(i18n.gettext("rescuepxe.stage3.tablecol1"));
     151                var thcol2=$(document.createElement("th")).addClass("optiondescription_rescue_usb").css("color","black").html(i18n.gettext("rescuepxe.stage3.tablecol2"));
     152                var thcol3=$(document.createElement("th")).addClass("optiondescription_rescue_usb").css("color","black").html(i18n.gettext("rescuepxe.stage3.tablecol3"));
    108153                $(t_header).append(thcol1);
    109154                $(t_header).append(thcol2);
     
    117162                       
    118163                        var t_row=$(document.createElement("tr")).attr("id", device);
    119                         var trcol1=$(document.createElement("td")).html(device);
    120                         var trcol2=$(document.createElement("td")).html(model);
    121                         var trcol3=$(document.createElement("td")).html(size);
     164                        var trcol1=$(document.createElement("td")).css("color","yellow").html(device);
     165                        var trcol2=$(document.createElement("td")).css("color","yellow").html(model);
     166                        var trcol3=$(document.createElement("td")).css("color","yellow").html(size);
    122167                        $(t_row).append(trcol1);
    123168                        $(t_row).append(trcol2);
     
    133178                }
    134179                var table_container = $(document.createElement("div")).attr("id","table_container");
     180                table_container.css("margin-top","40px");
    135181                table_container.append(device_table);
    136182                $("#divWizard").append(table_container);
    137183               
    138                 var btWizard_3=$(document.createElement("button")).attr("id", "btwiz3");
     184                var btWizard_3=$(document.createElement("button")).addClass("submit-button").attr("id", "btwiz3");
    139185                var icon=$(document.createElement("i")).addClass("icon-sd").attr("style", "font-size:0.7em;");
    140186                btWizard_3.addClass("btWizardHidden").html(i18n.gettext("rescuepxe.stage3.media")).prepend(icon);
    141187                $("#divWizard").append(btWizard_3);
    142188               
    143                 var CloseBt=$(document.createElement("button")).addClass("red btWizard lastbutton").attr("id", "cancel_button").html(i18n.gettext("rescuepxe.cancel"));
     189                var CloseBt=$(document.createElement("button")).addClass("submit-button").attr("id", "cancel_button").attr("style","width: 200px;margin-top:60px").html(i18n.gettext("rescuepxe.cancel"));
    144190
    145191                $("#divWizard").append(CloseBt);
     
    158204                        }
    159205                        $("#content").addClass("CursorWaiting");
     206
    160207                        /*Los parametros de user y passwd han de ser de usuario local de la maquina, queremos ejecutar algo aqui, si se hace desde una maquina ajena al server tendremos que validar con user local.*/
    161208                        /*Aqui llamamos a la funcion n4d con localhost puesto que queremos que la función se ejecute en la maquina local de la GUI*/
     
    223270        }
    224271
    225 
    226 
    227 
    228 
    229 
    230 
    231 
    232 
    233 
    234 
    235 
    236 
    237 
    238 
    239 
    240 
    241 
    242 
    243 
    244 
    245 
    246 
    247 
    248 
    249 
    250 
    251 
    252 
    253 
    254 
    255 
    256 
    257 
    258 
    259 
    260 
    261 
    262 
    263272}
    264273$(document).ready(function() {
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/js/restore_image.js

    r2381 r8698  
    44        this.BindLoginEventHandlers = function(){
    55                $("#goback").bind('click',this.goback);
     6                $("#goback2").bind('click',this.goback);
    67                $("#advanced_ops").bind('click',this.advanced_ops);
    78                $("#restoreimage").bind('click',this.restoreimage);
     
    1213                                success: function(response,status,jqXHR){
    1314                                        result=response[0][0];
     15                                        $("#imagename").append('<option value="no_option">Select an image</option>');
    1416                                        if (result){
    1517                                                response[0][1].forEach(function (item){
    1618                                                        var aux_option = $(document.createElement('option')).val(item).html(item);
    17                                                         $("#imagename").append(aux_option);
     19                                                        $("#imagename").append(aux_option[0]);
    1820                                                });
     21                                        initial_combo();
    1922                                        }
     23                                        else {
     24                                                var aux_option = $(document.createElement('option')).html('Not yet image');
     25                                                $("#imagename").append(aux_option);
     26                                                $("#imagename").prop('disabled','disabled');
     27                                        }
     28                                       
    2029                                },
    2130                                error: function(jqXHR, status, error) {
     
    3847                var finaloperation = $("#finaloperation").val();
    3948                var hostoperation = $("#hostoperation").val();
     49                document.getElementById("result").className ="n4dresult_erase";
     50
    4051                if (!imgname){
    4152                        console.log("Please insert the name of image to restore");
     
    5061                        $('#result').append(img);
    5162                        $('#result').append(text);
     63                        document.getElementById("result").className ="n4dresult";
     64                        return false;
     65                }
     66                if (imgname === "no_option"){
     67                        console.log("Please insert the name of image to restore NO_OPTION SELECTED");
     68                        var img = $(document.createElement('img')).attr('src','img/fail.png');
     69                        //Añado los valores al identificador que me mostrara la respuesta por pantalla
     70                        //Especificamos el tamaño de la imagen
     71                        img.attr('style',"width: 15px; height: 15px; margin: 5px;");
     72                        //añado a la variable text la respuesta de N4D
     73                        var text = $(document.createElement("span")).html(i18n.gettext("restore.imgname"));
     74                        //Uno la imagen y el texto dentro del identificador de la web result
     75                        $('#result').append(img);
     76                        $('#result').append(text);
     77                        document.getElementById("result").className ="n4dresult";
    5278                        return false;
    5379                }
     
    6490                        $('#result').append(img);
    6591                        $('#result').append(text);
     92                        document.getElementById("result").className ="n4dresult";
    6693                        return false;
    6794                }
     
    121148                                        $('#result').append(protocol);
    122149                                        $('#result').append(response2);
    123                                         $('#result').append(path_writed)
     150                                        $('#result').append(path_writed);
     151                                        document.getElementById("result").className ="n4dresult";
    124152                                },
    125153                                error: function(jqXHR, status, error) {
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/js/restore_image_multicast.js

    r4662 r8698  
    1515                $("#advanced_ops").bind('click',this.advanced_ops);
    1616                $("#restoreimagemulticast").bind('click',this.restoreimagemulticast);
     17                $("#goback2").bind('click',this.goback);
    1718               
    1819               
     
    2324                                url: 'https://'+sessionStorage.server+':9779',
    2425                                methodName: 'list_img',
    25                                 params: [[sessionStorage.username , sessionStorage.password],"OpenSysClone",pathfile],
    26                                 success: function(response,status,jqXHR){
    27                                         result=response[0][0];
     26                                params: [[sessionStorage.username , sessionStorage.password],"OpenSysClone"],
     27                                success: function(response,status,jqXHR){
     28                                        result=response[0][0];
     29                                        $("#imagename").append('<option value="no_option">Select an image</option>');
    2830                                        if (result){
    2931                                                response[0][1].forEach(function (item){
    3032                                                        var aux_option = $(document.createElement('option')).val(item).html(item);
    31                                                         $("#imagename").append(aux_option);
     33                                                        $("#imagename").append(aux_option[0]);
    3234                                                });
     35                                        initial_combo();
    3336                                        }
    3437                                        else {
     
    3639                                                $("#imagename").append(aux_option);
    3740                                                $("#imagename").prop('disabled','disabled');
    38                                                
    3941                                        }
    4042                                },
     
    5961       
    6062        this.restoreimagemulticast = function (){
     63                document.getElementById("result").className ="n4dresult_erase";
    6164                var imgname = $("#imagename").val();
    6265                var imagehdd = $("#imagehdd").val();
     
    7477                        return false;
    7578                }
     79                if (imgname === "no_option"){
     80                        console.log("Please insert the name of image to restore");
     81                        $('#result').empty();
     82                        var img = $(document.createElement('img')).attr('src','img/fail.png');
     83                        //Añado los valores al identificador que me mostrara la respuesta por pantalla
     84                        //Especificamos el tamaño de la imagen
     85                        img.attr('style',"width: 15px; height: 15px; margin: 5px;");
     86                        //añado a la variable text la respuesta de N4D
     87                        var text = $(document.createElement("span")).html(i18n.gettext("restore.imgname"));
     88                        //Uno la imagen y el texto dentro del identificador de la web result
     89                        $('#result').append(img);
     90                        $('#result').append(text);
     91                        document.getElementById("result").className ="n4dresult";
     92                        return false;
     93                }
    7694                if (!imgname){
    7795                        console.log("Please insert the name of image to restore");
     96                        $('#result').empty();
    7897                        var img = $(document.createElement('img')).attr('src','img/fail.png');
    7998                        //Añado los valores al identificador que me mostrara la respuesta por pantalla
     
    85104                        $('#result').append(img);
    86105                        $('#result').append(text);
     106                        document.getElementById("result").className ="n4dresult";
    87107                        return false;
    88108                }
     
    99119                        $('#result').append(img);
    100120                        $('#result').append(text);
     121                        document.getElementById("result").className ="n4dresult";
    101122                        return false;
    102123                }
     
    113134                        $('#result').append(img);
    114135                        $('#result').append(text);
     136                        document.getElementById("result").className ="n4dresult";
    115137                        return false;
    116138                }
     
    127149                        $('#result').append(img);
    128150                        $('#result').append(text);
     151                        document.getElementById("result").className ="n4dresult";
    129152                        return false;
    130153                }
     
    224247                                        $('#result').append(response2);
    225248                                        $('#result').append(path_writeds)
     249                                        document.getElementById("result").className ="n4dresult";
    226250                                },
    227251                                error: function(jqXHR, status, error) {
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/login.html

    r647 r8698  
    1919<div id="login">
    2020        <div id="loginform">
    21                 <div id="label_username" class="customlabel"><script type="text/javascript">document.write(i18n.gettext("login.username"));</script></div>
    22                 <input type="text" id="input_username" class="custominput"></input>
     21                <div class="group">
     22                        <div id="label_username" class="customlabel">
     23                        <input type="text" required="required" id="input_username" class="custominput"/><span class="highlight"></span><span class="bar"></span>
     24                        <label><script type="text/javascript">document.write(i18n.gettext("login.username"));</script></label>
     25                        </div>
     26                </div>
     27                <div class="group">
     28                        <div id="label_password" class="customlabel">
     29                <input type="password" required="required" id="input_password" class="custominput"/><span class="highlight"></span><span class="bar"></span>
     30                <label><script type="text/javascript">document.write(i18n.gettext("login.password"));</script></label>
     31                        </div>
     32                </div>
    2333
    24                 <div id="label_password" class="customlabel"><script>document.write(i18n.gettext("login.password"));</script></div>
    25                 <input type="password" id="input_password" class="custominput"></input>
    26                
    27                 <div id="label_server" class="customlabel"><script type="text/javascript">document.write(i18n.gettext("login.server"));</script></div>
    28                 <input type="text" id="input_server" value='localhost' class="custominput"></input>
    29                
    30                 <button id="LoginButton" class="ui-button-primary" value="login"><script>document.write(i18n.gettext("enter"));</script></button>
    31                
    32         </div></div>
     34                <div class="group">
     35                        <div id="label_server" class="customlabel">
     36                <input type="text" required="required" id="input_server" value='localhost' class="custominput"/><span class="highlight"></span><span class="bar"></span>
     37                <label><script type="text/javascript">document.write(i18n.gettext("login.server"));</script></label>
     38                        </div>
     39                </div>
     40                <div class="btn-box">
     41                        <button id="LoginButton" class="btn btn-submit" type="submit" value="login"><script>document.write(i18n.gettext("enter"));</script></button>
     42                </div> 
     43        </div>
    3344        <div id="msg_err"></div>
    3445</div>
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/main.html

    r647 r8698  
    1919        <div id="content">
    2020                <div class="myform">
    21                         <!-- <button id="make_image" class="myButton" value="make_image"><script type="text/javascript">document.write(i18n.gettext("main.make_image"));</script></button> -->
    22                         <div class="banner">
    23                                 <img id="make_image" value="make_image" src="img/make_image_off.jpg" alt="Make Image">
    24                                 <div><script type="text/javascript">document.write(i18n.gettext("main.make_image"));</script></div>
    25                         </div>
    26                         <!-- <button id="restore_image" class="myButton" value="restore_image"><script type="text/javascript">document.write(i18n.gettext("main.restore_image"));</script></button> -->
    27                         <div class="banner">
    28                                 <img id="restore_image" value="restore_image" src="img/restore_image_off.jpg" alt="restore_image">
    29                                 <div><script type="text/javascript">document.write(i18n.gettext("main.restore_image"));</script></div>
    30                         </div>
    31                         <!-- <button id="restore_image_multicast" class="myButton" value="restore_image_multicast"><script type="text/javascript">document.write(i18n.gettext("main.restore_image_multicast"));</script></button> -->
    32                         <div class="banner">
    33                                 <img id="restore_image_multicast" value="restore_image_multicast" src="img/restore_image_multicast_off.jpg" alt="restore_image_multicast">
    34                                 <div><script type="text/javascript">document.write(i18n.gettext("main.restore_image_multicast"));</script></div>
    35                         </div>
    36                         <!-- <button id="delete_image" class="myButton" value="delete_image"><script type="text/javascript">document.write(i18n.gettext("main.delete_image"));</script></button>-->
     21                        <ul id="menu">
     22                                <li id="make_image">
     23                                        <span id="advanced_ops">
     24                                                        <span id="initial"><img value="make_image" src="img/generacion_imagen_banner.png" height="80px" width="80px" lt="Make Image"/></span>
     25                                                        <span id="onhover"><img value="make_image" src="img/generacion_imagen_banner_hover.png" height="80px" width="80px"lt="Make Image"/></span>
     26                                        </span>
     27                                       
     28                                        <div class="textinfo">
     29                                                <div class="optiontitle">
     30                                                        <script type="text/javascript">document.write(i18n.gettext("main.make_image"));</script>
     31                                                </div>
     32                                                <div class="optiondescription"><script type="text/javascript">document.write(i18n.gettext("main.make_image_description"));</script></div>       
     33                                        </div>
     34                                </li>
     35                                <li id="restore_image">
     36                                        <span id="advanced_ops">
     37                                                        <span id="initial"><img value="restore_image" src="img/restauracion_imagen_banner.png" height="80px" width="80px" lt="Make Image"/></span>
     38                                                        <span id="onhover"><img value="restore_image" src="img/restauracion_imagen_banner_hover.png" height="80px" width="80px"lt="Make Image"/></span>
     39                                        </span>
     40                                        <div class="textinfo">
     41                                                <div class="optiontitle">
     42                                                        <script type="text/javascript">document.write(i18n.gettext("main.restore_image"));</script>
     43                                                </div>
     44                                                <div class="optiondescription"><script type="text/javascript">document.write(i18n.gettext("main.restore_image_description"));</script></div>   
     45                                        </div>
     46                                </li>
     47                                <li id="restore_image_multicast">
     48                                        <span id="advanced_ops">
     49                                                        <span id="initial"><img value="restore_image_multicast" src="img/restauracion_imagen_multicast_banner.png" height="80px" width="80px" lt="Make Image"/></span>
     50                                                        <span id="onhover"><img value="restore_image_multicast" src="img/restauracion_imagen_multicast_banner_hover.png" height="80px" width="80px"lt="Make Image"/></span>
     51                                        </span>
     52                                        <div class="textinfo" id="restore_image_multicast">
     53                                                <div class="optiontitle">
     54                                                        <script type="text/javascript">document.write(i18n.gettext("main.restore_image_multicast"));</script>
     55                                                </div>
     56                                                <div class="optiondescription"><script type="text/javascript">document.write(i18n.gettext("main.restore_image_multicast_description"));</script></div> 
     57                                        </div>
     58                                </li>
     59                                <li id="delete_image">
     60                                        <span id="advanced_ops">
     61                                                        <span id="initial"><img value="delete_image" src="img/borrar_banner.png" height="80px" width="80px" lt="Make Image"/></span>
     62                                                        <span id="onhover"><img value="delete_image" src="img/borrar_banner_hover.png" height="80px" width="80px"lt="Make Image"/></span>
     63                                        </span>
     64                                        <div class="textinfo">
     65                                                <div class="optiontitle">
     66                                                        <script type="text/javascript">document.write(i18n.gettext("main.delete_image"));</script>
     67                                                </div>
     68                                                <div class="optiondescription"><script type="text/javascript">document.write(i18n.gettext("main.delete_image_description"));</script></div>     
     69                                        </div>
     70                                </li>
     71                                <li id="managepxe">
     72                                        <span id="advanced_ops">
     73                                                        <span id="initial"><img value="delete_image" src="img/gestion_menu_pxe.png" height="80px" width="80px" lt="Make Image"/></span>
     74                                                        <span id="onhover"><img value="delete_image" src="img/gestion_menu_pxe_hover.png" height="80px" width="80px"lt="Make Image"/></span>
     75                                        </span>
     76                                        <div class="textinfo">
     77                                                <div class="optiontitle">
     78                                                        <script type="text/javascript">document.write(i18n.gettext("main.bootmanager"));</script>
     79                                                </div>
     80                                                <div class="optiondescription"><script type="text/javascript">document.write(i18n.gettext("main.bootmanager_description"));</script></div>     
     81                                        </div>
     82                                </li>
     83                                <li id="networkiso">
     84                                        <span id="advanced_ops">
     85                                                        <span id="initial"><img value="delete_image" src="img/servir_iso.png" height="80px" width="80px" lt="Make Image"/></span>
     86                                                        <span id="onhover"><img value="delete_image" src="img/servir_iso_hover.png" height="80px" width="80px"lt="Make Image"/></span>
     87                                        </span>
     88                                        <div class="textinfo">
     89                                                <div class="optiontitle">
     90                                                        <script type="text/javascript">document.write(i18n.gettext("main.networkiso"));</script>
     91                                                </div>
     92                                                <div class="optiondescription"><script type="text/javascript">document.write(i18n.gettext("main.networkiso_description"));</script></div>       
     93                                        </div>
     94                                </li>
     95                        </ul>
     96                        <!--
    3797                        <div class="banner">
    3898                                <img id="delete_image" value="delete_image" src="img/delete_image_off.jpg" alt="delete_image">
    3999                                <div><script type="text/javascript">document.write(i18n.gettext("main.delete_image"));</script></div>
    40100                        </div>
    41                         <!-- <button id="delete_pxe" class="myButton" value="delete_pxe"><script type="text/javascript">document.write(i18n.gettext("main.delete_pxe_menu"));</script></button>-->
    42101                        <div class="banner">
    43102                                <img id="delete_pxe" value="delete_pxe" src="img/delete_pxe_off.jpg" alt="delete_pxe">
     
    52111                                <div><script type="text/javascript">document.write(i18n.gettext("main.rescuepxe"));</script></div>
    53112                        </div>
    54                         <!-- <button id="networkiso" class="myButton" value="networkiso"><script type="text/javascript">document.write(i18n.gettext("main.networkiso"));</script></button> -->
    55113                        <div class="banner">
    56114                                <img id="networkiso" value="networkiso" src="img/network_iso_off.jpg" alt="networkiso">
    57115                                <div><script type="text/javascript">document.write(i18n.gettext("main.networkiso"));</script></div>
    58                         </div>
     116                        </div>-->
    59117                </div>
    60118        </div>
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/make_image.html

    r647 r8698  
    11<html>
    2 <!--  http://www.webresourcesdepot.com/free-jquery-ui-themes-collection/ -->
    32<head>
    4     <link rel="stylesheet" href="css/login.css">
    53        <link rel="stylesheet" href="css/section.css">
    64                       
    75        <script type="text/javascript" src="lib/jquery-2.1.0.min.js"></script>
    86        <script type="text/javascript" src="lib/jquery.xmlrpc.js"></script>
    9        
    10        
    11         <!--OWNER-->
    127        <script type="text/javascript" src="lib/i18n.js"></script>
    138        <script type="text/javascript" src="i18n/loadlang.js"></script>
    149        <script type="text/javascript" src="js/make_image.js"></script>
     10        <script type="text/javascript" src="js/main.js"></script>
     11        <script type="text/javascript" src="js/combobox_1.js"></script>
     12</head>
    1513
    16 </head>
    1714<body>
    18 
    19         <div id="content">
    20                 <h1><script type="text/javascript">document.write(i18n.gettext("make_image.make_image"));</script></h1>
    21                 <h5><script type="text/javascript">document.write(i18n.gettext("make_image.description"));</script></h5>
    22                 <div class="myform">
    23                         <label class="customlabel"><script type="text/javascript">document.write(i18n.gettext("image_name"));</script> <img src="img/question.png" height="25px" width="25" title="If you type autohostname, the system autorename the image created with Ip, data and time, but you can type an especific name"/></label>
    24                         <br>
    25                         <input class="custominput" id="imgname" type="text" value="autohostname"/>
    26                         <br>
    27                         <label class="customlabel"><script type="text/javascript">document.write(i18n.gettext("make_image.hard_disk"));</script> <img src="img/question.png" height="25px" width="25" title="Usually the hard disk to make image is sda but you can change it if you are sure that the system to backup is in other device"/></label>
    28                         <br>
    29                         <input class="custominput"id="imagehdd" type="text" value="sda"/>
    30                         <br>
    31                         <label class="customlabel"><script type="text/javascript">document.write(i18n.gettext("final_operation"));</script> <img src="img/question.png" height="25px" width="25" title="When Open-SysClone ends the operations it can shutdown the computer or reboot it."/></label>
    32                         <br>
    33                         <select class="custominput" name="finaloperation" id="finaloperation">
    34                                 <option value="poweroff"><script type="text/javascript">document.write(i18n.gettext("shutdown"));</script></option>
    35                                 <option value="reboot"><script type="text/javascript">document.write(i18n.gettext("reboot"));</script></option>
    36                         </select>
    37                         <br>
    38                         <div class="right">
    39                                 <button id="makeimage"><script type="text/javascript">document.write(i18n.gettext("done"));</script></button>
     15        <!--BANNER Titulo y Descripcion-->
     16        <div id="content">
     17                <div class="bannerbox">
     18                        <img value="make_image" src="img/generacion_imagen_banner.png" alt="Make Image">
     19                        <div class="textinfo">
     20                                <div class="optiontitle">
     21                                        <script type="text/javascript">document.write(i18n.gettext("make_image.make_image"));</script>
     22                                </div> 
     23                                <div class="optiondescription">
     24                                        <script type="text/javascript">document.write(i18n.gettext("make_image.description"));</script>
     25                                </div>
    4026                        </div>
    41                         <div id='result' style='margin-top:10px'></div>
    4227                </div>
    43                 <h4 class="advanced_ops" id="advanced_ops"><script type="text/javascript">document.write(i18n.gettext("advanced_ops.advanced_ops"));</script></h4>
    44                 <h4 class="goback" id="goback"><script type="text/javascript">document.write(i18n.gettext("go_back"));</script></h4>
     28                <!--Formulario a rellenar con los botones-->
     29                <div id="myform">
     30                        <div class="content-form">
     31                                <div>
     32                                        <div class="group">
     33                                                <div class="customlabel">
     34                                                        <input type="text" required="required" id="imgname" class="custominput" value="autohostname"/><span class="highlight"></span><span class="bar"></span>
     35                                                        <label><script type="text/javascript">document.write(i18n.gettext("image_name"));</script> <img src="img/question.png" height="15px" width="15" title="If you type autohostname, the system autorename the image created with Ip, data and time, but you can type an especific name"/></label>
     36                                                </div>
     37                                        </div>
     38                                        <div class="group">
     39                                                <div class="customlabel">
     40                                                        <input type="text" required="required" id="imagehdd" class="custominput" value="sda"/><span class="highlight"></span><span class="bar"></span>
     41                                                        <label><script type="text/javascript">document.write(i18n.gettext("make_image.hard_disk"));</script> <img src="img/question.png" height="15px" width="15" title="Usually the hard disk to make image is sda but you can change it if you are sure that the system to backup is in other device"/></label>
     42                                                </div>
     43                                        </div>
     44                                        <div class="custom-select" style="width:220px;">
     45                                                <select required="required" name="finaloperation" id="finaloperation">
     46                                                        <option value="poweroff"><script type="text/javascript">document.write(i18n.gettext("shutdown"));</script></option>
     47                                                        <option value="poweroff"><script type="text/javascript">document.write(i18n.gettext("shutdown"));</script></option>
     48                                                        <option value="reboot"><script type="text/javascript">document.write(i18n.gettext("reboot"));</script></option>
     49                                                </select>
     50                                                <label><script type="text/javascript">document.write(i18n.gettext("final_operation"));</script> <img src="img/question.png" height="15px" width="15" title="When Open-SysClone ends the operations it can shutdown the computer or reboot it."/></label>
     51                                                <!-- <label><script type="text/javascript">document.write(i18n.gettext("final_operation"));</script> <img src="img/question.png" height="15px" width="15" title="When Open-SysClone ends the operations it can shutdown the computer or reboot it."/></label> -->
     52                                        </div>
     53                                       
     54                                </div>
     55                                <!--Botones de regreso y de opciones avanzadas-->
     56                                <div class="align-right">
     57                                        <div>
     58                                                <span id="goback2">
     59                                                        <span id="initial_back"><img src="img/back_arrow.png" height="25px" width="25" title="Back to main section"/></span>
     60                                                        <span id="onhover_back"><img src="img/back_arrow_blue.png" height="25px" width="25" title="Back to main section"/></span>
     61                                                </span>
     62                                        </div>
     63                                        <div>
     64                                                <span id="advanced_ops">
     65                                                        <span id="initial"><img src="img/advanced_options.png" height="25px" width="25" title="Access for advanced options"/></span>
     66                                                        <span id="onhover"><img src="img/advanced_options_blue.png" height="25px" width="25" title="Access for advanced options"/></span>
     67                                                </span>
     68                                        </div>
     69                                </div>
     70                        </div>
     71                        <!--Boton de ejecucion del formulario-->
     72                        <div class="action-form">
     73                                <div class="btn-box">
     74                                        <button id="makeimage" class="btn btn-submit" type="submit"><script>document.write(i18n.gettext("done"));</script></button>
     75                                </div>
     76                        </div>
     77                       
     78                </div>
     79                <!--formulario del resultado-->
     80                <div>
     81                        <div id='result'></div>
     82                </div>
    4583        </div>
    4684</body>
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/networkiso.html

    r647 r8698  
    11<html>
    2 <!--  http://www.webresourcesdepot.com/free-jquery-ui-themes-collection/ -->
    32<head>
    4     <link rel="stylesheet" href="css/login.css">
    53        <link rel="stylesheet" href="css/section.css">
    64                       
    75        <script type="text/javascript" src="lib/jquery-2.1.0.min.js"></script>
    86        <script type="text/javascript" src="lib/jquery.xmlrpc.js"></script>
    9        
    10        
    11         <!--OWNER-->
    127        <script type="text/javascript" src="lib/i18n.js"></script>
    138        <script type="text/javascript" src="i18n/loadlang.js"></script>
    149        <script type="text/javascript" src="js/networkiso.js"></script>
     10        <script type="text/javascript" src="js/combobox_1.js"></script>
     11       
     12</head>
     13       
     14<body>
     15        <!--BANNER Titulo y Descripcion-->
     16        <div id="content">
     17                <div class="bannerbox">
     18                        <img value="make_image" src="img/servir_iso.png" alt="Make Image">
     19                        <div class="textinfo">
     20                                <div class="optiontitle">
     21                                        <script type="text/javascript">document.write(i18n.gettext("network_iso.title"));</script>
     22                                </div> 
     23                                <div class="optiondescription">
     24                                        <script type="text/javascript">document.write(i18n.gettext("network_iso.description"));</script>
     25                                </div>
     26                        </div>
     27                </div>
     28                <!--Formulario a rellenar con los botones-->
     29                <div id="myform">
     30                        <div class="content-form">
     31                                <div>
     32                                        <div class="group">
     33                                                <div class="customlabel">
     34                                                        <input type="text" required="required" id="isoname" class="custominput" value="OpenSysClone"/><span class="highlight"></span><span class="bar"></span>
     35                                                        <label><script type="text/javascript">document.write(i18n.gettext("image_name"));</script> <img src="img/question.png" height="15px" width="15" title="Insert the name to share your ISO in the PXE menu"/></label>
     36                                                </div>
     37                                        </div>
     38                                        <div class="group">
     39                                                <div class="customlabel">
     40                                                        <input type="file" id='isopath' class="custom-file-input"><span class="highlight"></span><span class="bar"></span>
     41                                                        <label><script type="text/javascript">document.write(i18n.gettext("network_iso.select"));</script> <img src="img/question.png" height="15px" width="15" title="Select ISO to boot with PXE menu"/></label>
     42                                                </div>
     43                                        </div>
     44                                </div>
     45                                <!--Botones de regreso y de opciones avanzadas-->
     46                                <div class="align-right">
     47                                        <div>
     48                                                <span id="goback2">
     49                                                        <span id="initial_back"><img src="img/back_arrow.png" height="25px" width="25" title="Back to main section"/></span>
     50                                                        <span id="onhover_back"><img src="img/back_arrow_blue.png" height="25px" width="25" title="Back to main section"/></span>
     51                                                </span>
     52                                        </div>
     53                                </div>
     54                        </div>
    1555
    16 </head>
    17 <body>
     56                        <!--Boton de ejecucion del formulario-->
     57                        <div class="action-form">
     58                                <div class="btn-box">
     59                                        <button id="exportiso" class="btn btn-submit" type="submit"><script>document.write(i18n.gettext("done"));</script></button>
     60                                </div>
     61                        </div>
     62                       
     63                </div>
     64                <!--formulario del resultado-->
     65                <div>
     66                        <div id='result'></div>
     67                </div>
     68        </div>
     69</body>
     70</html>
     71<!-- <body>
    1872        <div id="content">
    1973                <h1><script type="text/javascript">document.write(i18n.gettext("network_iso.title"));</script></h1>
     
    3387                <h4 class="goback" id="goback"><script type="text/javascript">document.write(i18n.gettext("go_back"));</script></h4>
    3488        </div>
    35 </body>
     89</body> -->
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/package.json

    r6569 r8698  
    55    "title": "OpenSysClone",
    66    "icon": "img/open-sysclone.png",
    7     "width": 600,
    8     "height": 700,
     7    "width": 805,
     8    "height": 690,
     9    "max_width": 805,
     10    "max_height": 690,
    911    "frame": true,
    10     "toolbar":false/*,
    11     /*"transparent": true,*/
    12     /*"kiosk":true
    13     /*"transparent": true/*,
    14     "as_desktop": true/*,
    15     /*"fullscreen": true*/
     12    "toolbar":true,
     13    "resizable": false,
     14    "fullscreen": false
    1615    },
    1716  "webkit": {
    18     "plugin": true
     17    "plugin":true
    1918  },
    2019  "chromium-args": "--ignore-certificate-errors --user-data-dir='/tmp/.chromium_open'"
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/rescuepxe_cdrom.html

    r647 r8698  
    11<html>
    2 <!--  http://www.webresourcesdepot.com/free-jquery-ui-themes-collection/ -->
     2<head>
     3        <link rel="stylesheet" href="css/section.css">
     4                       
     5        <script type="text/javascript" src="lib/jquery-2.1.0.min.js"></script>
     6        <script type="text/javascript" src="lib/jquery.xmlrpc.js"></script>
     7        <script type="text/javascript" src="lib/i18n.js"></script>
     8        <script type="text/javascript" src="i18n/loadlang.js"></script>
     9        <script type="text/javascript" src="js/combobox_1.js"></script>
     10        <script type="text/javascript" src="js/rescuepxe_cdrom.js"></script>
     11       
     12</head>
     13       
     14<body>
     15        <!--BANNER Titulo y Descripcion-->
     16        <div id="content">
     17                <div class="bannerbox">
     18                        <img value="make_image" src="img/gestion_menu_pxe.png" alt="Make Image">
     19                        <div class="textinfo">
     20                                <div class="optiontitle">
     21                                        <script type="text/javascript">document.write(i18n.gettext("main.rescuepxe"));</script>
     22                                </div> 
     23                                <div class="optiondescription">
     24                                        <script type="text/javascript">document.write(i18n.gettext("rescuepxe.description"));</script>
     25                                </div>
     26                        </div>
     27                </div>
     28                <!--Formulario a rellenar con los botones-->
     29                <div id="myform">
     30                        <div class="content-form">
     31                                <div>
     32                                        <label class="customlabel" style="top:15px;"><script type="text/javascript">document.write(i18n.gettext("rescuepxe.select_floppy"));</script> <img src="img/question.png" height="15px" width="15" title="Now you can burn your CDRom with ISO PXE menu boot loader"/></label>
     33                                        <div class="group" style="top:30px;">
     34                                                <div class="customlabel">
     35                                                        <input type="text" required="required" id="device" class="custominput" value="cdrom"/><span class="highlight"></span><span class="bar"></span>
     36                                                        <label><script type="text/javascript">document.write(i18n.gettext("rescuepxe.select_cdrom.device"));</script> <img src="img/question.png" height="15px" width="15" title="You have to modified this field only if you are completely safe, and the device you defined without"/></label>
     37                                                </div>
     38                                        </div>
     39                                </div>
     40                                <!--Botones de regreso y de opciones avanzadas-->
     41                                <div class="align-right">
     42                                        <div>
     43                                                <span id="goback">
     44                                                        <span id="initial_back"><img src="img/back_arrow.png" height="25px" width="25" title="Back to main section"/></span>
     45                                                        <span id="onhover_back"><img src="img/back_arrow_blue.png" height="25px" width="25" title="Back to main section"/></span>
     46                                                </span>
     47                                        </div>
     48                                </div>
     49                        </div>
     50
     51                        <!--Boton de ejecucion del formulario-->
     52                        <div class="action-form-center">
     53                                <div class="btn-box">
     54                                        <button id="rescuepxe_cdrom" class="submit-button state-0" type="submit" style="margin-top:40px;"><span class="pre-state-msg"><script>document.write(i18n.gettext("done"));</script></span><span class="current-state-msg hide">Testing...</span></span><span class="burning-state-msg hide">burning...</span><span class="done-state-msg hide">Done!</span></button>
     55                                </div>
     56                        </div>
     57                       
     58                </div>
     59                <!--formulario del resultado-->
     60                <div>
     61                        <div id='result'></div>
     62                </div>
     63        </div>
     64</body>
     65</html>
     66
     67
     68
     69
     70
     71
     72<!--
     73
     74<html>
     75
    376<head>
    477    <link rel="stylesheet" href="css/login.css">
     
    982       
    1083       
    11         <!--OWNER-->
     84
    1285        <script type="text/javascript" src="lib/i18n.js"></script>
    1386        <script type="text/javascript" src="i18n/loadlang.js"></script>
     
    36109        </div>
    37110</body>
    38 </html>
     111</html> -->
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/rescuepxe_floppy.html

    r647 r8698  
    11<html>
    2 <!--  http://www.webresourcesdepot.com/free-jquery-ui-themes-collection/ -->
     2<head>
     3        <link rel="stylesheet" href="css/section.css">
     4                       
     5        <script type="text/javascript" src="lib/jquery-2.1.0.min.js"></script>
     6        <script type="text/javascript" src="lib/jquery.xmlrpc.js"></script>
     7        <script type="text/javascript" src="lib/i18n.js"></script>
     8        <script type="text/javascript" src="i18n/loadlang.js"></script>
     9        <script type="text/javascript" src="js/combobox_1.js"></script>
     10        <script type="text/javascript" src="js/rescuepxe_floppy.js"></script>
     11       
     12</head>
     13       
     14<body>
     15        <!--BANNER Titulo y Descripcion-->
     16        <div id="content">
     17                <div class="bannerbox">
     18                        <img value="make_image" src="img/gestion_menu_pxe.png" alt="Make Image">
     19                        <div class="textinfo">
     20                                <div class="optiontitle">
     21                                        <script type="text/javascript">document.write(i18n.gettext("main.rescuepxe"));</script>
     22                                </div> 
     23                                <div class="optiondescription">
     24                                        <script type="text/javascript">document.write(i18n.gettext("rescuepxe.description"));</script>
     25                                </div>
     26                        </div>
     27                </div>
     28                <!--Formulario a rellenar con los botones-->
     29                <div id="myform">
     30                        <div class="content-form">
     31                                <div>
     32                                        <label class="customlabel" style="top:15px;"><script type="text/javascript">document.write(i18n.gettext("rescuepxe.select_floppy"));</script> <img src="img/question.png" height="15px" width="15" title="Now you format your diskette with rescue PXE boot ISO"/></label>
     33                                </div>
     34                                <!--Botones de regreso y de opciones avanzadas-->
     35                                <div class="align-right">
     36                                        <div>
     37                                                <span id="goback2">
     38                                                        <span id="initial_back"><img src="img/back_arrow.png" height="25px" width="25" title="Back to main section"/></span>
     39                                                        <span id="onhover_back"><img src="img/back_arrow_blue.png" height="25px" width="25" title="Back to main section"/></span>
     40                                                </span>
     41                                        </div>
     42                                </div>
     43                        </div>
     44
     45                        <!--Boton de ejecucion del formulario-->
     46                        <div class="action-form-center">
     47                                <div class="btn-box">
     48                                        <button id="rescuepxe_floppy" class="btn btn-submit" type="submit" style="margin-top:40px;"><script>document.write(i18n.gettext("done"));</script></button>
     49                                </div>
     50                        </div>
     51                       
     52                </div>
     53                <!--formulario del resultado-->
     54                <div>
     55                        <div id='result'></div>
     56                </div>
     57        </div>
     58</body>
     59</html>
     60
     61
     62
     63
     64
     65
     66
     67
     68
     69
     70
     71
     72
     73
     74
     75
     76
     77
     78
     79<!-- <html>
     80
    381<head>
    482    <link rel="stylesheet" href="css/login.css">
     
    987       
    1088       
    11         <!--OWNER-->
     89
    1290        <script type="text/javascript" src="lib/i18n.js"></script>
    1391        <script type="text/javascript" src="i18n/loadlang.js"></script>
     
    31109        </div>
    32110</body>
    33 </html>
     111</html> -->
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/rescuepxe_usb.html

    r647 r8698  
    11<html>
    2 <!--  http://www.webresourcesdepot.com/free-jquery-ui-themes-collection/ -->
     2<head>
     3        <link rel="stylesheet" href="css/section.css">
     4                       
     5        <script type="text/javascript" src="lib/jquery-2.1.0.min.js"></script>
     6        <script type="text/javascript" src="lib/jquery.xmlrpc.js"></script>
     7        <script type="text/javascript" src="lib/i18n.js"></script>
     8        <script type="text/javascript" src="i18n/loadlang.js"></script>
     9        <script type="text/javascript" src="js/combobox_1.js"></script>
     10        <script type="text/javascript" src="js/rescuepxe_usb.js"></script>
     11       
     12</head>
     13       
     14<body>
     15        <!--BANNER Titulo y Descripcion-->
     16        <div id="content">
     17                <div class="bannerbox">
     18                        <img value="make_image" src="img/gestion_menu_pxe.png" alt="Make Image">
     19                        <div class="textinfo">
     20                                <div class="optiontitle">
     21                                        <script type="text/javascript">document.write(i18n.gettext("main.rescuepxe"));</script>
     22                                </div> 
     23                                <div class="optiondescription">
     24                                        <script type="text/javascript">document.write(i18n.gettext("rescuepxe.description"));</script>
     25                                </div>
     26                        </div>
     27                </div>
     28                <!--Formulario a rellenar con los botones-->
     29                <div id="myform">
     30                        <div class="content-form">
     31                                <div>
     32                                        <div id="usbWizard" class="myform">
     33                                        <div></div>
     34                                        <div id="divWizard"></div>
     35                                        </div>
     36                                </div>
     37                                <!--Botones de regreso y de opciones avanzadas-->
     38                                <div class="align-right">
     39                                        <div>
     40                                                <span id="goback">
     41                                                        <span id="initial_back"><img src="img/back_arrow.png" height="25px" width="25" title="Back to main section"/></span>
     42                                                        <span id="onhover_back"><img src="img/back_arrow_blue.png" height="25px" width="25" title="Back to main section"/></span>
     43                                                </span>
     44                                        </div>
     45                                </div>
     46                        </div>                 
     47                </div>
     48        </div>
     49</body>
     50</html>
     51
     52
     53
     54
     55<!-- <html>
     56
    357<head>
    458    <link rel="stylesheet" href="css/login.css">
     
    963       
    1064       
    11         <!--OWNER-->
     65
    1266        <script type="text/javascript" src="lib/i18n.js"></script>
    1367        <script type="text/javascript" src="i18n/loadlang.js"></script>
     
    2882        </div>
    2983</body>
    30 </html>
     84</html> -->
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/restore_image.html

    r647 r8698  
    11<html>
    2 <!--  http://www.webresourcesdepot.com/free-jquery-ui-themes-collection/ -->
    32<head>
    4     <link rel="stylesheet" href="css/login.css">
    53        <link rel="stylesheet" href="css/section.css">
    64                       
    75        <script type="text/javascript" src="lib/jquery-2.1.0.min.js"></script>
    86        <script type="text/javascript" src="lib/jquery.xmlrpc.js"></script>
    9        
    10        
    11         <!--OWNER-->
    127        <script type="text/javascript" src="lib/i18n.js"></script>
    138        <script type="text/javascript" src="i18n/loadlang.js"></script>
    14         <script type="text/javascript" src="js/restore_image.js"></script>
    15 
     9        <script type="text/javascript" src="js/restore_image.js"></script>     
     10        <script type="text/javascript" src="js/combobox_1.js"></script>
     11       
    1612</head>
    1713<body>
    1814        <div id="content">
    19                 <h1><script type="text/javascript">document.write(i18n.gettext("restore_image.restore_image"));</script></h1>
     15                <div class="bannerbox">
     16                        <img value="Restore Image" src="img/restauracion_imagen_banner.png" alt="Restore Image">
     17                        <div class="textinfo">
     18                                <div class="optiontitle">
     19                                        <script type="text/javascript">document.write(i18n.gettext("restore_image.restore_image"));</script>
     20                                </div> 
     21                                <div class="optiondescription">
     22                                        <script type="text/javascript">document.write(i18n.gettext("restore_image.description"));</script>
     23                                </div>
     24                        </div>
     25                </div>
     26
     27                <div id="myform">
     28                        <div class="content-form">
     29                                <div>
     30                                        <div class="group">
     31                                                <div class="customlabel">                                                       
     32                                                        <div class="custom-select" style="width:220px;">
     33                                                                <select required="required" name="imagename" id="imagename"></select>
     34                                                                <label>
     35                                                                        <script type="text/javascript">document.write(i18n.gettext("image_name"));</script> <img src="img/question.png" height="15px" width="15" title="You can choose the Images created by Open-SysClone in server and saved it in /net/OpenSysClone/imagenes"/>
     36                                                                </label>
     37                                                        </div>
     38                                                </div>
     39                                        </div>
     40                                        <div class="group">
     41                                                <div class="customlabel">
     42                                                        <input type="text" required="required" id="imagehdd" class="custominput" value="sda"/><span class="highlight"></span><span class="bar"></span>
     43                                                        <label style="width:370px;" id="large"><script type="text/javascript">document.write(i18n.gettext("restore_image.hard_disk"));</script> <img src="img/question.png" height="15px" width="15" title="Usually the hard disk to restore image is sda but you can change it if you are sure that the system to restore is in other device"/></label>
     44                                                </div>
     45                                        </div>
     46                                        <div class="customlabel">                                                       
     47                                                <div class="custom-select" style="width:420px;">
     48                                                        <select required="required" name="hostoperation" id="hostoperation">
     49                                                                <option value="hostnamesaver.sh"><script type="text/javascript">document.write(i18n.gettext("restore_image.maintain"));</script></option>
     50                                                                <option value="hostnamesaver.sh"><script type="text/javascript">document.write(i18n.gettext("restore_image.maintain"));</script></option>
     51                                                                <option value="hostnamesaverip.sh"><script type="text/javascript">document.write(i18n.gettext("restore_image.new_name"));</script></option>
     52                                                        </select>
     53                                                        <label>
     54                                                                <script type="text/javascript">document.write(i18n.gettext("restore_image.hostname"));</script> <img src="img/question.png" height="15px" width="15" title="You can mantain the original name of the computer before restore the system or change it with a new name, if you wouldn't change it you could have some computers with same name"/>
     55                                                        </label>
     56                                                </div>
     57                                        </div>
     58                                        <div class="group">
     59                                                <div class="customlabel">                                                       
     60                                                        <div class="custom-select" style="width:150px;">
     61                                                                <select required="required" name="finaloperation" id="finaloperation">
     62                                                                        <option value="poweroff"><script type="text/javascript">document.write(i18n.gettext("shutdown"));</script></option>
     63                                                                        <option value="poweroff"><script type="text/javascript">document.write(i18n.gettext("shutdown"));</script></option>
     64                                                                        <option value="reboot"><script type="text/javascript">document.write(i18n.gettext("reboot"));</script></option>
     65                                                                </select>
     66                                                                <label>
     67                                                                        <script type="text/javascript">document.write(i18n.gettext("final_operation"));</script> <img src="img/question.png" height="15px" width="15" title="You can mantain the original name of the computer before restore the system or change it with a new name, if you wouldn't change it you could have some computers with same name"/>
     68                                                                </label>
     69                                                        </div>
     70                                                </div>
     71                                        </div>
     72                                </div>
     73                                <div class="align-right">
     74                                        <div>
     75                                                <span id="goback2">
     76                                                        <span id="initial_back"><img src="img/back_arrow.png" height="25px" width="25" title="Back to main section"/></span>
     77                                                        <span id="onhover_back"><img src="img/back_arrow_blue.png" height="25px" width="25" title="Back to main section"/></span>
     78                                                </span>
     79                                        </div>
     80                                        <div>
     81                                                <span id="advanced_ops">
     82                                                        <span id="initial"><img src="img/advanced_options.png" height="25px" width="25" title="Access for advanced options"/></span>
     83                                                        <span id="onhover"><img src="img/advanced_options_blue.png" height="25px" width="25" title="Access for advanced options"/></span>
     84                                                </span>
     85                                        </div>
     86                                </div>
     87                        </div>
     88                        <div class="action-form">
     89                                <div class="btn-box">
     90                                        <button id="restoreimage" class="btn btn-submit" type="submit"><script>document.write(i18n.gettext("done"));</script></button>
     91                                </div>
     92                        </div>
     93                </div>
     94                <div>
     95                        <div id='result'></div>
     96                </div>
     97
     98
     99
     100
     101                <!-- <h1><script type="text/javascript">document.write(i18n.gettext("restore_image.restore_image"));</script></h1>
    20102                <h5><script type="text/javascript">document.write(i18n.gettext("restore_image.description"));</script></h5>
    21103
     
    46128                <br>
    47129                <h4 class="advanced_ops" id="advanced_ops"><script type="text/javascript">document.write(i18n.gettext("advanced_ops.advanced_ops"));</script></h4>
    48                 <h4 class="goback" id="goback"><script type="text/javascript">document.write(i18n.gettext("go_back"));</script></h4>
     130                <h4 class="goback" id="goback"><script type="text/javascript">document.write(i18n.gettext("go_back"));</script></h4> -->
    49131        </div>
     132
     133
     134       
    50135</body>
    51136</html>
  • open-sysclone/trunk/fuentes/open-sysclone-gui.install/usr/share/open-sysclone-gui/restore_image_multicast.html

    r647 r8698  
    11<html>
    2 <!--  http://www.webresourcesdepot.com/free-jquery-ui-themes-collection/ -->
     2
    33<head>
     4        <link rel="stylesheet" href="css/section.css">
     5                       
     6        <script type="text/javascript" src="lib/jquery-2.1.0.min.js"></script>
     7        <script type="text/javascript" src="lib/jquery.xmlrpc.js"></script>
     8        <script type="text/javascript" src="lib/i18n.js"></script>
     9        <script type="text/javascript" src="i18n/loadlang.js"></script>
     10        <script type="text/javascript" src="js/restore_image_multicast.js"></script>   
     11        <script type="text/javascript" src="js/combobox_1.js"></script>
     12       
     13</head>
     14<body>
     15        <div id="content">
     16                <div class="bannerbox">
     17                        <img value="Restore Image" src="img/restauracion_imagen_multicast_banner.png" alt="Restore Image">
     18                        <div class="textinfo">
     19                                <div class="optiontitle">
     20                                        <script type="text/javascript">document.write(i18n.gettext("restore_image_multicast.restore_image"));</script>
     21                                </div> 
     22                                <div class="optiondescription">
     23                                        <script type="text/javascript">document.write(i18n.gettext("restore_image_multicast.description"));</script>
     24                                </div>
     25                        </div>
     26                </div>
     27
     28                <div id="myform">
     29                        <div class="content-form">
     30                                <div>
     31                                        <div class="group">
     32                                                <div class="customlabel">                                                       
     33                                                        <div class="custom-select" style="width:220px;">
     34                                                                <select required="required" name="imagename" id="imagename"></select>
     35                                                                <label>
     36                                                                        <script type="text/javascript">document.write(i18n.gettext("image_name"));</script> <img src="img/question.png" height="15px" width="15" title="You can choose the Images created by Open-SysClone in server and saved it in /net/OpenSysClone/imagenes"/>
     37                                                                </label>
     38                                                        </div>
     39                                                </div>
     40                                        </div>
     41                                        <div class="group">
     42                                                <div class="customlabel">
     43                                                        <input type="text" required="required" id="imagehdd" class="custominput" value="sda"/><span class="highlight"></span><span class="bar"></span>
     44                                                        <label style="width:450px;" id="large"><script type="text/javascript">document.write(i18n.gettext("restore_image.hard_disk"));</script> <img src="img/question.png" height="15px" width="15" title="Usually the hard disk to restore image is sda but you can change it if you are sure that the system to restore is in other device"/></label>
     45                                                </div>
     46                                        </div>
     47                                        <div class="customlabel">                                                       
     48                                                <div class="custom-select" style="width:420px;">
     49                                                        <select required="required" name="hostoperation" id="hostoperation">
     50                                                                <option value="hostnamesaver.sh"><script type="text/javascript">document.write(i18n.gettext("restore_image.maintain"));</script></option>
     51                                                                <option value="hostnamesaver.sh"><script type="text/javascript">document.write(i18n.gettext("restore_image.maintain"));</script></option>
     52                                                                <option value="hostnamesaverip.sh"><script type="text/javascript">document.write(i18n.gettext("restore_image.new_name"));</script></option>
     53                                                        </select>
     54                                                        <label>
     55                                                                <script type="text/javascript">document.write(i18n.gettext("restore_image.hostname"));</script> <img src="img/question.png" height="15px" width="15" title="You can mantain the original name of the computer before restore the system or change it with a new name, if you wouldn't change it you could have some computers with same name"/>
     56                                                        </label>
     57                                                </div>
     58                                        </div>
     59                                        <div class="group">
     60                                                <div class="customlabel">                                                       
     61                                                        <div class="custom-select" style="width:150px;">
     62                                                                <select required="required" name="finaloperation" id="finaloperation">
     63                                                                        <option value="poweroff"><script type="text/javascript">document.write(i18n.gettext("shutdown"));</script></option>
     64                                                                        <option value="poweroff"><script type="text/javascript">document.write(i18n.gettext("shutdown"));</script></option>
     65                                                                        <option value="reboot"><script type="text/javascript">document.write(i18n.gettext("reboot"));</script></option>
     66                                                                </select>
     67                                                                <label>
     68                                                                        <script type="text/javascript">document.write(i18n.gettext("final_operation"));</script> <img src="img/question.png" height="15px" width="15" title="You can mantain the original name of the computer before restore the system or change it with a new name, if you wouldn't change it you could have some computers with same name"/>
     69                                                                </label>
     70                                                        </div>
     71                                                </div>
     72                                        </div>
     73                                </div>
     74                                <div class="align-right">
     75                                        <div>
     76                                                <span id="goback2">
     77                                                        <span id="initial_back"><img src="img/back_arrow.png" height="25px" width="25" title="Back to main section"/></span>
     78                                                        <span id="onhover_back"><img src="img/back_arrow_blue.png" height="25px" width="25" title="Back to main section"/></span>
     79                                                </span>
     80                                        </div>
     81                                        <div>
     82                                                <span id="advanced_ops">
     83                                                        <span id="initial"><img src="img/advanced_options.png" height="25px" width="25" title="Access for advanced options"/></span>
     84                                                        <span id="onhover"><img src="img/advanced_options_blue.png" height="25px" width="25" title="Access for advanced options"/></span>
     85                                                </span>
     86                                        </div>
     87                                </div>
     88                        </div>
     89                        <div class="flex_options">
     90                                                <div class="customlabel">
     91                                                        <input type="text" required="required" id="clientswait" class="custominput"/><span class="highlight"></span><span class="bar"></span>
     92                                                        <label style="width:200px;"><script type="text/javascript">document.write(i18n.gettext("restore_image_multicast.clients"));</script> <img src="img/question.png" height="15px" width="15" title="Define how many computers you want to restore in the multicast process, when they are ready the process start"/></label>
     93                                                </div>
     94                                        <div class="margin_left">
     95                                                        <div class="customlabel">
     96                                                                <input type="text" required="required" id="timemax" class="custominput"/><span class="highlight"></span><span class="bar"></span>
     97                                                                <label class="double" style="width:250px;"><script type="text/javascript">document.write(i18n.gettext("restore_image_multicast.time"));</script> <img src="img/question.png" height="15px" width="15" title="This is the max time to wait to star the multicast process. If one or more computers don't have started when the time is finished the multicast process start automatically"/></label>
     98                                                        </div>
     99                                        </div>
     100                                </div>
     101                        <div class="action-form">
     102                                <div class="btn-box">
     103                                        <button id="restoreimagemulticast" class="btn btn-submit" type="submit"><script>document.write(i18n.gettext("done"));</script></button>
     104                                </div>
     105                        </div>
     106                </div>
     107                <div>
     108                        <div id='result'></div>
     109                </div>
     110
     111<!-- <head>
    4112    <link rel="stylesheet" href="css/login.css">
    5113        <link rel="stylesheet" href="css/section.css">
     
    8116        <script type="text/javascript" src="lib/jquery.xmlrpc.js"></script>
    9117       
    10        
    11         <!--OWNER-->
    12118        <script type="text/javascript" src="lib/i18n.js"></script>
    13119        <script type="text/javascript" src="i18n/loadlang.js"></script>
     
    51157                </div>
    52158                <h4 class="advanced_ops" id="advanced_ops"><script type="text/javascript">document.write(i18n.gettext("advanced_ops.advanced_ops"));</script></h4>
    53                 <h4 class="goback" id="goback"><script type="text/javascript">document.write(i18n.gettext("go_back"));</script></h4>
     159                <h4 class="goback" id="goback"><script type="text/javascript">document.write(i18n.gettext("go_back"));</script></h4> -->
    54160        </div>
    55161</body>
Note: See TracChangeset for help on using the changeset viewer.