v1.0.0 RC 1
This commit is contained in:
106
masks/doc.html
106
masks/doc.html
@@ -1,26 +1,26 @@
|
||||
<div id="doc">
|
||||
<div class="h1_wrap">
|
||||
<h1 class="round"><span>Documentation</span></h1>
|
||||
</div>
|
||||
<div id="doc_container">
|
||||
<div id="titles_edit" class="hide">
|
||||
<form id="doc_form" name="doc_form">
|
||||
<div id="title_edit" class="step_box round">
|
||||
<p class="step_nb_box">Titre</p>
|
||||
<input type="text" name="title" id="title" class="step_line_item round" maxlength="200" value="" />
|
||||
<input type="text" name="title" id="title" class="step_line_item inc_border round" maxlength="200" value="" />
|
||||
</div>
|
||||
<div id="desc_edit" class="step_box round">
|
||||
<p class="step_nb_box">Description</p>
|
||||
<input type="text" name="description" id="description" class="step_line_item round" maxlength="500" value="" />
|
||||
<input type="text" name="description" id="description" class="step_line_item inc_border round" maxlength="500" value="" />
|
||||
</div>
|
||||
<div id="attach_file"></div>
|
||||
<div id="doc_menu"><span id="submit_doc" class="button ok round">Valider</span></div>
|
||||
<div id="desc_edit" class="step_box round">
|
||||
<p class="step_nb_box">Fichiers</p>
|
||||
<div id="attach_file"></div>
|
||||
</div>
|
||||
<div id="doc_menu"><a id="submit_doc" class="button round"><i class="fa fa-c-ok"></i>Valider</a></div>
|
||||
</form>
|
||||
</div>
|
||||
<div id="titles_read" class="step_box round hide">
|
||||
<p class="read_title"><span id="titles_read_title"></span></p>
|
||||
<p class="read_details">Créé par <span id="titles_read_user"></span> (<span id="titles_read_company"></span>) le <span id="titles_read_led"></span></p>
|
||||
<p class="read_description"><span id="titles_read_description"></span></p>
|
||||
<p class="read_description"><i class="fa fa-c-desc"></i><span id="titles_read_description"></span></p>
|
||||
</div>
|
||||
<div id="docs_read" class="step_box round hide">
|
||||
<p class="step_nb_box">Documents</p>
|
||||
@@ -28,28 +28,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="image_model" class="hide">
|
||||
<span id="image_action">
|
||||
<input type="text" id="image_desc" name="image_desc" class="image_description round" />
|
||||
<input type="hidden" name="image_name" id="image_name" value="" />
|
||||
<input type="button" id="delete_image" class="button delete round" />
|
||||
</span>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
databap.pageInit = function()
|
||||
{
|
||||
//image
|
||||
databap.vars.imageHtml = databap.getMainElem('#image_model').html();
|
||||
|
||||
//On Resize Event
|
||||
databap.onResize = function()
|
||||
{
|
||||
//TODO : to be replaced by tinyscrollbar
|
||||
databap.$main.css('overflow', 'auto');
|
||||
|
||||
var maxWidth = databap.getMainElem('#desc_edit').find('p.step_nb_box').width();
|
||||
databap.getMainElem('#description').width(maxWidth-10);
|
||||
};
|
||||
self.tmp('started', false);
|
||||
self.initScrollBar('#main', '#doc', '#doc_container');
|
||||
|
||||
//load Uploader
|
||||
oUploader = new qq.FileUploader
|
||||
@@ -60,17 +43,17 @@ databap.pageInit = function()
|
||||
allowedExtensions: databap.consts.authorized_file_exts,
|
||||
sizeLimit: parseInt(databap.consts.max_size)*100,
|
||||
addSlideText: 'Glisser les fichier ici',
|
||||
addFileText: 'Ajouter un fichier',
|
||||
debug:true,
|
||||
stepId:1
|
||||
addFileText: 'Ajouter des fichiers',
|
||||
debug: true,
|
||||
stepId: 1
|
||||
}
|
||||
);
|
||||
|
||||
if(databap.vars.doc_id>0)
|
||||
if(databap.vars.id>0)
|
||||
{
|
||||
loadDoc
|
||||
(
|
||||
databap.vars.doc_id,
|
||||
databap.vars.id,
|
||||
function()
|
||||
{
|
||||
databap.setInitEnd(true);
|
||||
@@ -89,6 +72,15 @@ databap.pageInit = function()
|
||||
databap.getMainElem('#submit_doc').click(saveDoc);
|
||||
};
|
||||
|
||||
databap.onResize = function()
|
||||
{
|
||||
self.setScrollBarSize('maximize');
|
||||
//var maxWidth = databap.getMainElem('#desc_edit').find('p.step_nb_box').width();
|
||||
//databap.getMainElem('#description').width(maxWidth-10);
|
||||
};
|
||||
|
||||
databap.onQuit = function(){ return (self.tmp('started') === false); };
|
||||
|
||||
function loadDoc(iDocId, fOnSuccess)
|
||||
{
|
||||
databap.getInfo
|
||||
@@ -103,16 +95,13 @@ function loadDoc(iDocId, fOnSuccess)
|
||||
databap.getMainElem('#titles_read_description').html(doc_info.description);
|
||||
|
||||
//links
|
||||
for(i in doc_info.files)
|
||||
for(var i in doc_info.files)
|
||||
{
|
||||
databap.getMainElem('#doc_links')
|
||||
.append(
|
||||
$('<a>', {title:'Télécharger cette documentation', href:databap.getActionLink('dl_file&id='+i)})
|
||||
.addClass(doc_info.files[i].ext)
|
||||
.text(doc_info.files[i].description)
|
||||
)
|
||||
.append('<br />');
|
||||
|
||||
databap.getMainElem('#doc_links').addButton('file-'+doc_info.files[i].ext+' fa-30',
|
||||
doc_info.files[i].description,
|
||||
databap.getActionLink('dl_file', {id:i}),
|
||||
null,
|
||||
'inverse');
|
||||
}
|
||||
setDisplay('read');
|
||||
fOnSuccess();
|
||||
@@ -133,7 +122,7 @@ function saveDoc()
|
||||
databap.getMainElem('#doc_form'),
|
||||
function(data)
|
||||
{
|
||||
if(data.result == 'success') loadDoc(data.doc_id);
|
||||
if(data.result == 'success') databap.goToInternalLink('doc', data.doc_id);
|
||||
},
|
||||
true,
|
||||
'json'
|
||||
@@ -164,37 +153,4 @@ function setDisplay(sNewMode)
|
||||
}
|
||||
}
|
||||
|
||||
function addImage(stepId, imageId, imageName, imageDesc)
|
||||
{
|
||||
//get image number
|
||||
$ImageBox = databap.getMainElem('#'+databap.getElemTag('uploader_item', [stepId, imageId]));
|
||||
|
||||
//Create new image
|
||||
$newImage = $(databap.vars.imageHtml);
|
||||
|
||||
//Set image name
|
||||
$newImage.find('#image_name').val(imageName);
|
||||
|
||||
//Set image description
|
||||
$newImage.find('#image_desc').val(imageDesc);
|
||||
|
||||
//delete button for this image
|
||||
$newImage.find('#delete_image').click
|
||||
(
|
||||
function()
|
||||
{
|
||||
var stepIds = databap.getElemIds($(this).attr('id'));
|
||||
removeImage(stepIds[0], stepIds[1]);
|
||||
}
|
||||
);
|
||||
|
||||
//Add ids
|
||||
$newImage = databap.setElemTags($newImage, [stepId, imageId]);
|
||||
|
||||
//Add Image to the step
|
||||
$newImage.appendTo($ImageBox);
|
||||
|
||||
return imageId;
|
||||
}
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user