libretic/etherpad-lite
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Basics of import/export dialogue, requires hiding etc.

Browse source
This commit is contained in:
John McLear 2011-07-19 22:08:26 +01:00
parent 0294c32c2a
commit a6faf73cbb
2 changed files with 96 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
static/css/pad_lite.css
View file

@ -921,3 +921,79 @@ position: relative;
}
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right:
-5px; top: -5px;}
#importexport{
position:absolute;
top:40px;
font-size:14px;
width:400px;
right: 20px;
z-index: 500;
background-color: #000;
color: white;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.7);
padding: 10px;
-moz-border-radius: 6px;
border-radius: 6px;
height:170px;
}
#import{
position:absolute;
width:200px;
left:10px;
line-height:20px;
}
#export{
position:absolute;
width:180px;
right:10px;
line-height:20px;
}
.exporttype{
line-height:25px;
background-repeat:no-repeat;
padding-left:25px;
background-image: url("/static/img/fileicons.gif");
}
#importexportline{
border: dotted 1px;
height: 165px;
position:absolute;
width:0px;
left:210px;
opacity:.8;
}
button{
background-image: -moz-linear-gradient(center top , #EEEEEE, white 20%, white 20%);
}
#exporthtml{
background-position: 2px -25px;
}
#exportplain{
background-position: 2px -121px;
}
#exportword{
background-position: 2px -0px;
}
#exportpdf{
background-position: 2px -97px;
}
#exportopen{
background-position: 2px -74px;
}
#exportwordle{
background-position: 2px -49px;
}

20
static/pad.html
View file

@ -203,6 +203,26 @@ We removed this feature cause its not worth the space it needs in the editbar
</div>
<!-- import export code -->
<div id="importexport">
<div id="import">
Import from text file, HTML, Word, or RTF:<br/><br/>
<button name="choosefile">Choose file</button>
<div id="fileselected">No file Chosen</div><br/>
<button name="importit">Import now</button>
</div>
<div id="importexportline"></div>
<div id="export">
Export current pad as:
<div class="exporttype" id="exporthtml">HTML</div>
<div class="exporttype" id="exportplain">Plain text</div>
<div class="exporttype" id="exportword">Microsoft Word</div>
<div class="exporttype" id="exportpdf">PDF</div>
<div class="exporttype" id="exportopen">OpenDocument</div>
<div class="exporttype" id="exportwordle">Wordle</div>
</div>
</div>
<!-- the embed code -->
<div id="embed">
<div id="embedcode">