{{docdata.web_layout['field_'+id].text}}
{{'Yes'\|translate}} {{'No'\|translate}} {{translateHRMGroup(docdata.web_layout['field_'+id].choicegroup_id, $select.selected.choice )}}

{{docdata.web_layout[layout_key].text}} {{'Upload'|translate}} {{'clear'|translate}} ({{'optional'|translate}}) ({{docdata.web_layout[layout_key].file.fixedsize}})

{{ docdata.web_layout[layout_key].value|digitComma}}

{{ isDeletedChoice(layout_key)?docdata.web_layout[layout_key].input:translateHRMGroup(docdata.web_layout[layout_key].choicegroup_id, $select.selected.choice) }}

{{'same as'|translate}} {{docdata.web_layout['field_' + getDittoFieldId(layout_key)].text}} {{'content'|translate}}

{{docdata.web_layout['field_'+id].text}}
{{'Yes'\|translate}} {{'No'\|translate}}

{{docdata.web_layout['field_'+id].text}} ({{'optional'\|translate}})
{{$parent.$parent.$index+1}} {{'clear'\|translate}} {{alertui['field_'+id].text}} {{'Close'\|translate}} <input ng-if="docdata.web_layout['field_'+id].type=='UTF8' && !isAutoTextHeight('field_'+id)" ng-model="docdata.web_layout['field_'+id].input[key]" ng-readonly="isFieldReadOnly('field_'+id)" ng-change="onFillings(id, key)" ng-keyup="onFillings(id, key)" ng-click="docdata.is_template\|\|onFillingClick(id, false, key)" ng-blur="docdata.is_template\|\|!docdata.web_layout['field_'+id].input[key]\|\|onFillingClick(id, true, key)" ng-enter="docdata.is_template\|\|onFillingClick(id, true, key)" placeholder="{{getFieldPlaceholder('field_'+id)}}" data-field-type="UTF8" tipsy="{{docdata.web_layout['field_'+id].input[key]}}" type="text" class="fieldContent fieldInput form-control input-sm" /> <!-- tipsy="{{docdata.web_layout['field_'+id].input[key]}}" --> <input ng-if="docdata.web_layout['field_'+id].type=='DATE'&&isFieldReadOnly('field_'+id)" ng-model="docdata.web_layout['field_'+id].input[key]" placeholder="{{getFieldPlaceholder('field_'+id)}}" data-field-type="DATE" ng-readonly="true" type="text" tipsy="{{docdata.web_layout['field_'+id].input[key]}}" class="fieldContent fieldInput form-control input-sm readonly_{{isFieldReadOnly('field_'+id)}}" /> <input ng-if="docdata.web_layout['field_'+id].type=='DATE'&&!isFieldReadOnly('field_'+id)" ng-model="docdata.web_layout['field_'+id].input[key]" placeholder="{{getFieldPlaceholder('field_'+id)}}" data-field-type="DATE" ng-readonly="true" ng-change="onFillings(id, key)" ng-keyup="onFillings(id, key)" ng-click="docdata.is_template\|\|onFillingClick(id, false, key)" ng-blur="docdata.is_template\|\|!docdata.web_layout['field_'+id].input[key]\|\|onFillingClick(id, true, key)" ng-enter="docdata.is_template\|\|onFillingClick(id, true, key)" dateonlypicker type="text" tipsy="{{docdata.web_layout['field_'+id].input[key]}}" class="fieldContent fieldInput form-control input-sm readonly_{{isFieldReadOnly('field_'+id)}}" /> <!-- tipsy="{{docdata.web_layout['field_'+id].input[key]}}" --> <input ng-if="docdata.web_layout['field_'+id].type=='DATETIME'&&isFieldReadOnly('field_'+id)" ng-model="docdata.web_layout['field_'+id].input[key]" placeholder="{{getFieldPlaceholder('field_'+id)}}" data-field-type="DATETIME" ng-readonly="true" type="text" tipsy="{{docdata.web_layout['field_'+id].input[key]}}" class="fieldContent fieldInput form-control input-sm readonly_{{isFieldReadOnly('field_'+id)}}" /> <input ng-if="docdata.web_layout['field_'+id].type=='DATETIME'&&!isFieldReadOnly('field_'+id)" ng-model="docdata.web_layout['field_'+id].input[key]" placeholder="{{getFieldPlaceholder('field_'+id)}}" data-field-type="DATETIME" ng-readonly="true" ng-change="onFillings(id, key)" ng-keyup="onFillings(id, key)" ng-click="docdata.is_template\|\|onFillingClick(id, false, key)" ng-blur="docdata.is_template\|\|!docdata.web_layout['field_'+id].input[key]\|\|onFillingClick(id, true, key)" ng-enter="docdata.is_template\|\|onFillingClick(id, true, key)" datetimepicker type="text" tipsy="{{docdata.web_layout['field_'+id].input[key]}}" class="fieldContent fieldInput form-control input-sm readonly_{{isFieldReadOnly('field_'+id)}}" /> <!-- tipsy="{{docdata.web_layout['field_'+id].input[key]}}" --> <input ng-if="docdata.web_layout['field_'+id].type=='CHECKBOX'" ng-model="docdata.web_layout['field_'+id].input[key]" ng-disabled="isFieldReadOnly('field_'+id)" ng-change="onFillings(id, key)" ng-keyup="onFillings(id, key)" ng-click="docdata.is_template\|\|onFillingClick(id, false, key)" ng-blur="docdata.is_template\|\|!docdata.web_layout['field_'+id].input[key]\|\|onFillingClick(id, true, key)" ng-enter="docdata.is_template\|\|onFillingClick(id, true, key)" type="checkbox" class="fieldContent fieldCBox form-control input-sm" /> <input ng-if="docdata.web_layout['field_'+id].type=='BOOL'" ng-model="docdata.web_layout['field_'+id].input[key]" ng-disabled="isFieldReadOnly('field_'+id)" ng-change="onFillings(id, key)" ng-keyup="onFillings(id, key)" ng-click="docdata.is_template\|\|onFillingClick(id, false, key)" ng-blur="docdata.is_template\|\|!docdata.web_layout['field_'+id].input[key]\|\|onFillingClick(id, true, key)" ng-enter="docdata.is_template\|\|onFillingClick(id, true, key)" type="radio" class="fieldContent fieldCBox" name="bool_{{id}}_{{key}}" value="optionYes" /> <span ng-if="docdata.web_layout['field_'+id].type=='BOOL'" class="fieldContent fieldOption">{{'Yes'\|translate}}</span> <input ng-if="docdata.web_layout['field_'+id].type=='BOOL'" ng-model="docdata.web_layout['field_'+id].input[key]" ng-disabled="isFieldReadOnly('field_'+id)" ng-change="onFillings(id, key)" ng-keyup="onFillings(id, key)" ng-click="docdata.is_template\|\|onFillingClick(id, false, key)" ng-blur="docdata.is_template\|\|!docdata.web_layout['field_'+id].input[key]\|\|onFillingClick(id, true, key)" ng-enter="docdata.is_template\|\|onFillingClick(id, true, key)" type="radio" class="fieldContent fieldCBox" name="bool_{{id}}_{{key}}" value="optionNo" /> <span ng-if="docdata.web_layout['field_'+id].type=='BOOL'" class="fieldContent fieldOption">{{'No'\|translate}}</span> <!-- tipsy="{{docdata.web_layout['field_'+id].input[key].choice}}" --> <ui-select ng-if="docdata.web_layout['field_'+id].type=='CHOICE'" ng-disabled="(isFieldReadOnly('field_'+id))" theme="selectize" ng-model="docdata.web_layout['field_'+id].input[key]" ng-change="onFillings(id, key)" ng-keyup="onFillings(id, key)" ng-click="onDropdownOpen($event)" ng-blur="docdata.is_template\|\|!docdata.web_layout['field_'+id].input[key]\|\|onFillingClick(id, true, key)" append-to-body="true" class="fieldContent"> <ui-select-match placeholder="-- {{'choose'\|translate}} --"> {{ isDeletedChoice('field_'+id,key)?docdata.web_layout['field_'+id].input[key]:translateHRMGroup(docdata.web_layout['field_'+id].choicegroup_id, $select.selected.choice) }} </ui-select-match> <ui-select-choices repeat="item in getChoices(docdata.web_layout['field_'+id].choicegroup_id) \| orderBy:'choice' \| filter: $select.search"> <div ng-bind-html="translateHRMGroup(docdata.web_layout['field_'+id].choicegroup_id, item.choice)" ng-click="docdata.is_template\|\|onFillingClick(id, false, key)" ng-enter="docdata.is_template\|\|onFillingClick(id, true, key)"> </div> </ui-select-choices> </ui-select> <input ng-if="docdata.web_layout['field_'+id].type=='FORMULA'" value="{{docdata.web_layout['field_'+id].value[key] \|digitComma}}" readonly placeholder="{{getFieldPlaceholder('field_'+id)}}" data-field-type="FORMULA" type="text" tipsy="{{docdata.field_data['field_'+id].formula}}" class="fieldContent fieldInput form-control input-sm formula formula_{{getStrValueType(docdata.web_layout['field_'+id].value[key])}}" /> <a ng-if="docdata.web_layout['field_'+id].type=='LINK'" href="{{docdata.web_layout['field_'+id].input[key]}}" target="_blank" class="fieldContent fieldInput input-group-addon"> <i class="glyphicon glyphicon-new-window"></i> </a> <input ng-if="docdata.web_layout['field_'+id].type=='LINK'" ng-model="docdata.web_layout['field_'+id].input[key]" ng-readonly="isFieldReadOnly('field_'+id)" ng-change="onFillings(id, key)" ng-keyup="onFillings(id, key)" placeholder="{{getFieldPlaceholder('field_'+id)}}" data-field-type="LINK" type="text" tipsy="{{docdata.web_layout['field_'+id].input[key]}}" class="fieldContent fieldInput form-control input-sm" /> <div ng-if="docdata.fill_by_current_user&&$last&&tableHasRequiredCol(layout_key)" ng-click="delTableRow(layout_key,key)" class="btn btn-xs delbtn required_false"></div> </td> </tr> </table> </div> </div> </div> </div> </div> </div> </div> </div> <!-- upload --> <div ng-if="!docdata.is_template&&!docdata.is_revoked&&!docdata.is_cancelled&&!docdata.is_completed&&!loading&&(!fillingRejection&&!replyingCc)\|\|docdata.attachedfiles.length>0" class="row uploader well panel panel-default"> <div ng-controller="FileUploaderCtrl" ng-if="!docdata.is_template&&!docdata.is_revoked&&!docdata.is_cancelled&&!docdata.is_completed&&!loading&&(!fillingRejection&&!replyingCc)" ng-hide="docdata.disable_file_upload" class="hidden-xs"> {{'You can upload up to'\|translate}} {{sizeLimit}} MB {{'worth of files at one time.'\|translate}} <form> <dropzone refresh-flag="is_refresh_dropzone" file-target="files_to_upload" disable-upload="isDisabled.doc_todo_upload" class="hidden-xs"></dropzone> <br/> <div class="col-sm-12 description-row"> <input type="text" name="title" placeholder="{{'file description'\|translate}} ({{'optional'\|translate}})" class="col-sm-10 input-file-description"/> <div class="btn btn-sm btn-default upload-btn col-sm-2"> {{'Choose File(s)'\|translate}} <input id="file-input" onchange="angular.element(this).scope().setFiles(this)" multiple type="file" name="uploaded_file" /> </div> </div> <span ng-if="hasFiles()" class="total-filesize"><i class="material-icons">folder</i> {{'total size of files to be upload'\|translate}} {{getTotalFileSize().toFixed(2)}} MB</span> <input type="hidden" name="document_id" value="{{docdata.document_id}}" /> <input type="hidden" name="version" value="{{docdata.version}}" /> <input type="hidden" name="csrfmiddlewaretoken" value="" /> </form> </div> <div id="attachedfilelist"> <ng-file-preview files="docdata.attachedfiles" hidden-fields="docdata.hidden_fields" current-user="currentUser" get-attached-file-list="getAttachedFileList" /> </div> </div> <!-- flow --> <div class="flow-nav-row row"> <ul class="nav nav-tabs" ng-show="!docdata.is_template"> <li class="{{containerscope.styleActive(docdata.status_view=='flow')}}" ng-click="docdata.status_view='flow'"><a href="">{{'Workflow View'\|translate}}</a></li> <li class="{{containerscope.styleActive(docdata.status_view=='table')}}" ng-click="docdata.status_view='table'"><a href="">{{'Signature Table View'\|translate}}</a></li> </ul> </div> <div ng-if="!loading" class="flowDisplay tag_fill row well panel panel-default"> <div class="flow-display-option-row" ng-show="docdata.status_view=='flow'"> <span class="toggle-flow-display" ng-click="changeFlowDisplay('complete')" ng-if="docdata.flowDisplayOption=='hide'" >{{'Unfold nodes'\|translate}} <i class="material-icons arrow-icon">arrow_drop_down</i></span> <span class="toggle-flow-display" ng-click="changeFlowDisplay('hide')" ng-if="docdata.flowDisplayOption=='complete'" >{{'Fold nodes'\|translate}} <i class="material-icons arrow-icon">arrow_drop_up</i></span> </div> <div class="col-sm-12 note" ng-show="docdata.status_view=='flow'\|\|docdata.is_template">({{'scroll horizontally to see more of the flow'\|translate}})</div> <div ng-if="docdata.flowDisplayOption != 'hide'" class="col-sm-12 flowBox" flowbox ng-show="docdata.status_view=='flow'\|\|docdata.is_template"> <!-- complete nodes--> <div ng-repeat="node in docdata.flownodes" on-finish-render-all="drawFlow('tag_fill', docdata.flownodes)" tipsy="{{getNodeTipsy(node)}}" _row="{{node.row}}" id="tag_fill_{{node.processflownode_id}}" class="flownode {{docdata.is_template?'':currentNodeClass(docdata.current_flownode_ids.indexOf(node.processflownode_id))}} node_{{node.node_type}} {{node.warnClass}}"> {{node.note}} <div class="nodenote">{{node.html}}</div> <div ng-show="isJobAssignmentNode(node)&&!isJobAssignmentMappingNode(node)&&!node.disable_assignment" ng-click="specifyMemberUI(node)" style="margin-top:0.5em;" class="btn btn-default smallbtn assignment-btn" _key="btn-specify-member"> {{'specify member'\|translate}} <span ng-show="!node.n_sign_percentage && node.n_sign>0"> ({{node.n_sign}})</span> <span ng-show="node.n_sign_percentage"> ({{node.n_sign_percentage}}%)</span> </div> <div ng-show="isJobAssignmentNode(node)&&isJobAssignmentMappingNode(node)&&!node.disable_assignment" ng-click="specifyMemberUI(node)" style="margin-top:0.5em;" class="btn btn-default smallbtn assignment-btn" _key="btn-specify-member"> {{'member list'\|translate}} </div> <div ng-show="node.jobassignment&&node.jobassignment.assigned_users.length" class="smallText" tipsy="{{getNodeAssignmentTipsyContent(node.jobassignment.assigned_users)}}" > <span ng-repeat="user in node.jobassignment.assigned_users \| orderBy:'first_name'" ng-show="$index<2"> {{user.first_name}}<span ng-show="!$last">, </span> </span> <span ng-show="node.jobassignment.assigned_users.length>2">...</span> </div> <span ng_if="node.n_sign==0&&!node.as_specified&&!node.n_sign_percentage" class="smallText"> ({{'all'\|translate}})</span> <div ng_if="node.n_sign==0&&node.as_specified&&!node.n_sign_percentage" class="smallText"> ({{'all'\|translate}})</div> </div> <div ng-show="responsiblePpl.ready" class="specifyMemberUI-wrapper"> <div class="specifyMemberUI"> <div class="specifyMemberContent"> <div class="btn btn-primary btn-xs save-member" ng-click="isDisabled.doc_saveMember \|\| saveMember()" _key="specifyMemberUI-save" > {{'save'\|translate}} <span ng-show="responsiblePpl.node.n_sign>0&&!responsiblePpl.node.n_sign_percentage"> ({{responsiblePpl.node.n_sign}})</span> </div> <div class="btn btn-primary btn-xs" ng-show="responsiblePpl.node.jobassignment.assigned_users.length&&!responsiblePpl.node.as_specified" ng-click="removeMember()">{{'reset'\|translate}}</div> <div class="btn btn-xs delbtn" ng-click="resetMemberUI()"></div> </div> <div class="specifyMemberContent"> {{responsiblePpl.type\|translate}} <span ng-show="responsiblePpl.name!=''">: {{responsiblePpl.name}}</span> </div> <hr /> <input ng-show="responsiblePpl.member_all.length>7" ng-model="responsiblePpl.filter" type="text" placeholder="{{'filter'\|translate}}" /> <div class="specifyMemberContent" ng-show="!responsiblePpl.member_all.length"> <span class="text-danger">{{'group_zero_user'\|translate}}</span> </div> <ul ng-show="responsiblePpl.member_all.length" class="specifyMemberContent"> <li ng-repeat="user in responsiblePpl.member_all \| filter:{filterstring: responsiblePpl.filter} \| orderBy:'first_name'"> <input ng-model="user.selected" type="checkbox" /> {{user.first_name}}, <span class="smallText">{{user.username}}, {{user.email}}</span> </li> </ul> <div class="specifyMemberContent"> <div class="btn btn-primary btn-xs save-member" ng-click="isDisabled.doc_saveMember \|\| saveMember()" > {{'save'\|translate}} <span ng-show="responsiblePpl.node.n_sign>0&&!responsiblePpl.node.n_sign_percentage">({{responsiblePpl.node.n_sign}})</span> </div> <div class="btn btn-primary btn-xs" ng-show="responsiblePpl.node.jobassignment.assigned_users.length&&!responsiblePpl.node.as_specified" ng-click="removeMember()">{{'reset'\|translate}}</div> <div class="btn btn-xs delbtn" ng-click="resetMemberUI()"></div> </div> </div> </div> </div> <div class="col-sm-12 flowTable" ng-show="docdata.status_view=='table'"> <table ng-if="!doc.is_template" ng-repeat="table in containerscope.range(docdata.flownodes.length/4) track by $index"> <tr> <th ng-repeat="n in [$index4+0, $index4+1, $index4+2, $index4+3]" class="{{containerscope.styleTransparent(n>=docdata.flownodes.length)}}"> {{docdata.flownodes[n].note}} </th> </tr> <tr> <td ng-repeat="n in [$index4+0, $index4+1, $index4+2, $index4+3]" class="{{containerscope.styleTransparent(n>=docdata.flownodes.length)}}"> <span ng-repeat="s in getSignatures(docdata.flownodes[n].processflownode_id)"> {{getSignaturesDisplayName(s)}} <span class="smallText">{{s.signature_time}}</span> <span ng-hide="$last">, </span> </span> </td> </tr> </table> <!-- <div ng-repeat="node in docdata.flownodes" class="col-sm-3"> <div class="panel panel-default"> <div class="panel-heading">{{node.note}}</div> <div class="panel-body"> <span ng-repeat="user in node.signed_users"> {{user.first_name}} <span ng-hide="$last">, </span> </span> </div> </div> </div> --> </div> </div> <!-- archive --> <div class="row block-archive" ng-if="!containerscope.currOrg.is_disabled_document_archive"> <div ng-show="docdata.title.length&&!(docdata.is_completed\|\|docdata.is_cancelled)&&docdata.is_archived" class="well well-sm panel panel-default"> <button ng-click="doUnarchive()" class="btn btn-sm btn-primary">{{'Unarchive'\|translate}}</button> <span>{{'Archived until'\|translate}} {{docdata.archive_until}}</span> </div> <div ng-show="docdata.title.length&&!docdata.is_archived&&!(docdata.is_completed\|\|docdata.is_cancelled)" class="well well-sm panel panel-default form-group"> <button ng-click="(docdata.archive_duration=='custom'&&!docdata.archive_custom_days)\|\|doArchive()" class="btn btn-sm btn-primary {{styleDisabled(docdata.archive_duration=='custom'&&!docdata.archive_custom_days)}}">{{'Archive'\|translate}}</button> <label> <input type="radio" class="op" ng-model="docdata.archive_duration" name="archive_duration_bottom" value="oneDay" /> 1 {{'Day'\|translate}} </label> <label> <input type="radio" class="op" ng-model="docdata.archive_duration" name="archive_duration_bottom" value="threeDays" /> 3 {{'Days'\|translate}} </label> <label> <input type="radio" class="op" ng-model="docdata.archive_duration" name="archive_duration_bottom" value="oneWeek" /> 1 {{'Week'\|translate}} </label> <label> <input type="radio" class="op" ng-model="docdata.archive_duration" name="archive_duration_bottom" value="custom" /> {{'Custom'\|translate}}: <input ng-readonly="docdata.archive_duration!='custom'" ng-model="docdata.archive_custom_days" tipsy="{{docdata.archive_custom_days}}" type="text" class="custom_day center" autoint /> {{'Day'\|translate}} </label> </div> </div> <!-- buttons --> <div class="row block-btn secondary" ng-if="!loading&&!fillingRejection&&!replyingCc&&!docdata.is_template"> <button class="btn btn-sm btn-primary back-to-list-btn" ng-click="backToList(undefined, true)"> {{'Back to List'\|translate}} </button> <button ng-show="!docdata.is_completed&&!docdata.is_cancelled" ng-click="isDisabled.doc_saveFillings \|\| !(hasFillings\|\|hasUpdates) \|\| saveFillings()" ng-disabled="isDisabled.doc_saveFillings \|\| !hasFillings&&!hasUpdates" class="btn btn-sm btn-primary save-btn"> {{'Save'\|translate}} <i ng-if="isDisabled.doc_saveFillings" class="fa fa-2x fa-pulse"></i> </button> <button ng-show="docdata.signatures.length>0&&!docdata.is_cancelled&&(!docdata.is_completed\|\|docdata.is_revivable)" ng-click="toggleRejectUI()" class="btn btn-sm btn-danger reject-btn">{{'Reject'\|translate}}</button> <button ng-show="getCcReadRootId()!=-1" ng-click="isDisabled.doc_saveFillings \|\| readRootCc()" class="btn btn-sm btn-primary read-cc-btn">{{'Read CC'\|translate}}</button> <button ng-show="docdata.fill_by_current_user&&!(docdata.is_completed\|\|docdata.is_cancelled) && containerscope.currOrg.isFoodpanda" ng-click="isDisabled.doc_saveFillings \|\| doneFillings(false)" ng-disabled="isDisabled.doc_saveFillings" class="btn btn-sm btn-success sign-btn" _key="document_sign"> {{'Submit'\|translate}} <i ng-if="isDisabled.doc_Signing" class="fa fa-2x fa-pulse"></i> </button> <button ng-show="docdata.fill_by_current_user&&!(docdata.is_completed\|\|docdata.is_cancelled) && !containerscope.currOrg.isFoodpanda" ng-click="isDisabled.doc_saveFillings \|\| doneFillings(false)" ng-disabled="isDisabled.doc_saveFillings" class="btn btn-sm btn-success sign-btn" _key="document_sign"> {{'Sign'\|translate}} <i ng-if="isDisabled.doc_Signing" class="fa fa-2x fa-pulse"></i> </button> <button ng-show="docdata.fill_by_current_user&&!(docdata.is_completed\|\|docdata.is_cancelled)" ng-click="isDisabled.doc_saveFillings \|\| doneFillings(true)" ng-disabled="isDisabled.doc_saveFillings" class="btn btn-sm btn-success sign-btn notify-btn"> {{'Sign and Notify Responsibles'\|translate}} <i ng-if="isDisabled.doc_Signing" class="fa fa-2x fa-pulse"></i> </button> <!-- cancel button --> <button ng-if="!docdata.is_completed&&!docdata.is_cancelled&&(currentUser.user_id==docdata.creator_id \|\| substituted_user_id==docdata.creator_id)" ng-click="isDisabled.doc_cancelFlow \|\| cancelFlow()" ng-disabled="isDisabled.doc_cancelFlow" class="btn btn-sm btn-danger cancel-btn pull-right"> {{'Cancel the Flow'\|translate}} </button> <!-- revoke button --> <button ng-if="docdata.is_completed&&!docdata.is_revoked&&docdata.is_revokable" ng-click="isDisabled.doc_revokeFlow \|\| revokeFlow()" class="btn btn-sm btn-danger revoke-btn pull-right"> {{'Revoke the workflow'\|translate}} </button> </div> <!-- tag --> <div class="row well well-sm panel panel-default block-tag" ng-if="!docdata.is_template&&!loading&&!fillingRejection&&!replyingCc&&!containerscope.currOrg.is_disabled_document_tag"> <!-- public tags --> <div id="tag-input-area" ng-show="tag.input_show" click-outside="hideTaginputAll()" outside-if-not="btn-tag,btn-tag-p"> <span ng-if="(filtered=(list.tagtype.data \| orderBy:categoryOrder \| filter:isAddableTagtype)).length&&!onlyforinitofthisdoc">{{tag.category=filtered[0];$parent.onlyforinitofthisdoc=true;}}</span> <ui-select ng-model="tag.category" on-select="delayShowTaginput('input_show')" theme="select2" ng-show="filtered.length"> <ui-select-match> {{GLOBAL_TAGTYPE.display($select.selected.doctagtype)}} </ui-select-match> <ui-select-choices repeat="tagtype in filtered"> {{GLOBAL_TAGTYPE.display(tagtype.doctagtype)}} </ui-select-choices> </ui-select> <input type="text" class="input-sm" ng-enter="addTag(false)" ng-model="tag.input" typeahead="item.doctag as escapeHtml(item.doctag) for item in list.tag.data \| orderBy:'doctag' \| filter:matchTagInCategory(tag.category.doctagtype_id,false) \| filter:{doctag:tag.input}" typeahead-focus-first="false" typeahead-on-select="delayShowTaginput('input_show')" typeahead-min-length="0" placeholder="{{'add_public_tags'\|translate}}" /> <button class="btn btn-sm btn-default" ng-click="addTag(false)">{{'Add'\|translate}}</button> </div> <span class="btn label label-primary" ng-hide="tag.input_show" ng-click="showTaginput('input_show')" id="btn-tag"> <i class="material-icons"></i> <span>{{'add_public_tags'\|translate}}</span> </span> <span ng-repeat="tag in docdata.doctags \| filter:matchOrdinaryTag(false,false) \| orderBy:['doctagtype','doctag']" class="label label-primary"> <span ng-bind-html="GLOBAL_TAGTYPE.display(tag.doctagtype)+'-'+tag.doctag \| highlight:searchResult.key \| unsafe"></span> <button ng-show="isDeletableTagtype(tag.doctagtype_id)" ng-click="delTag(tag)" class="btn btn-label"> <i class="material-icons"></i> </button> </span> <hr /> <!-- personal tags --> <div id="tag-input-p-area" ng-show="tag.input_p_show" click-outside="hideTaginputAll()" outside-if-not="btn-tag, btn-tag-p"> <input type="text" class="input-sm" ng-enter="addTag(true)" ng-model="tag.input_p" typeahead="item.doctag as escapeHtml(item.doctag) for item in list.tag.data \| orderBy:'doctag' \| filter:{owner:{user_id:currentUser.user_id}}:strict \| filter:{doctag:tag.input_p}" typeahead-focus-first="false" typeahead-on-select="delayShowTaginput('input_p_show')" typeahead-min-length="0" placeholder="{{'add_personal_tags'\|translate}}" /> <button class="btn btn-sm btn-default" ng-click="addTag(true)">{{'Add'\|translate}}</button> </div> <span class="btn label label-primary" ng-click="showTaginput('input_p_show')" ng-hide="tag.input_p_show" id="btn-tag-p"> <i class="material-icons"></i> <span>{{'add_personal_tags'\|translate}}</span> </span> <span ng-repeat="tag in docdata.doctags \| filter:matchOrdinaryTag(true,false) \| orderBy:['doctagtype','doctag']" class="label label-primary"> <span ng-bind-html="tag.doctag \| highlight:searchResult.key \| unsafe"></span> <button ng-click="delTag(tag)" class="btn btn-label"> <i class="material-icons"></i> </button> </span> </div> <!-- Related documents --> <div> <ng-related-doc docs="docdata.related_documents" document_id="docdata.document_id" force_relate_document="docdata.force_relate_document" /> </div> </div> <!-- side bar --> <div class="col-md-3" ng-if="!docdata.is_template"> <!-- comment --> <div ng-if="!loading" class="row block-side block-comment"> <div id="reject-top"></div> <div ng-hide="docdata.is_cancelled" class="panel panel-default well"> <div ng-show="fillingRejection"> <button ng-click="isDisabled.doc_todo_rejectDoc \|\| rejectDoc()" ng-disabled="isDisabled.doc_todo_rejectDoc" class="btn btn-sm btn-danger reject-btn">{{'Reject'\|translate}}</button> <button ng-click="isDisabled.doc_todo_rejectDoc \|\| toggleRejectUI()" class="btn btn-sm btn-default cancel-btn">{{'Cancel'\|translate}}</button> <div class="signatures"> <div>{{'signed users'\|translate}}:</div> <div ng-repeat="signature in docdata.signatures \| orderBy:'signature_time'" ng-click="toggleSignature(signature)" _id="{{signature.signature_id}}" class="label label-danger {{containerscope.styleDim(!signature.selected)}}"> {{signature.user}} <span ng-show="signature.user_id!=signature.login_user.user_id">({{signature.login_user.first_name}})</span> <span>at {{signature.signature_time}}</span> </div> </div> <textarea rows="4" class="col-xs-12" ng-model="docdata.new_comment" ng-show="cc.user" ng-change="checkFillingStatus()" placeholder="{{'comment'\|translate}}({{'optional'\|translate}})"> {{'CC'\|translate}} {{'comment'\|translate}} {{'cc_to'\|translate}}({{'optional'\|translate}}) {{$item.first_name}} , {{'reply required'\|translate}} {{'comment'\|translate}}({{'optional'\|translate}}) {{'comment'\|translate}} {{'previous comments'\|translate}} {{num}} '{{' message(s) need your review - click to filter'\|translate}} {{getUserById(comment.user_id).first_name}} ({{comment.login_user.first_name}} {{'Allograph'\|translate}}) {{' rejected to '\|translate}} {{getUserById(comment.reject_to_user_id).first_name}} {{' cced '\|translate}}{{getCcAttr(comment.sender_cc_id,'to_user')}} {{formatDateTime(comment.datetime)}} {{getUserById(comment.user_id).first_name}}{{' has received all the cc replies'\|translate}} {{token}}{{token}} {{getUserById(reply.user_id).first_name}} ({{reply.login_user.first_name}}) {{' read'\|translate}} {{' replied'\|translate}} {{formatDateTime(reply.datetime)}} {{token}}{{token}} [{{'waiting for reply'\|translate}}{{'unread'\|translate}}] [{{'read'\|translate}}] {{formatDateTime(reply.datetime)}}

{{docdata.web_layout['field_'+id].text}} ({{'optional'|translate}})

<input ng-if="docdata.web_layout['field_'+id].type=='UTF8' && !isAutoTextHeight('field_'+id)"
                                             ng-model="docdata.web_layout['field_'+id].input[key]"
                                             ng-readonly="isFieldReadOnly('field_'+id)"
                                             ng-change="onFillings(id, key)"
                                             ng-keyup="onFillings(id, key)"
                                             ng-click="docdata.is_template||onFillingClick(id, false, key)"
                                             ng-blur="docdata.is_template||!docdata.web_layout['field_'+id].input[key]||onFillingClick(id, true, key)"
                                             ng-enter="docdata.is_template||onFillingClick(id, true, key)"
                                             placeholder="{{getFieldPlaceholder('field_'+id)}}"
                                             data-field-type="UTF8"
                                             tipsy="{{docdata.web_layout['field_'+id].input[key]}}"
                                             type="text"
                                             class="fieldContent fieldInput form-control input-sm" />
                                      
                                      <input ng-if="docdata.web_layout['field_'+id].type=='DATE'&&isFieldReadOnly('field_'+id)" 
                                             ng-model="docdata.web_layout['field_'+id].input[key]" 
                                             placeholder="{{getFieldPlaceholder('field_'+id)}}"
                                             data-field-type="DATE"
                                             ng-readonly="true"
                                             type="text" 
                                             tipsy="{{docdata.web_layout['field_'+id].input[key]}}"   
                                             class="fieldContent fieldInput form-control input-sm readonly_{{isFieldReadOnly('field_'+id)}}" />
                                      <input ng-if="docdata.web_layout['field_'+id].type=='DATE'&&!isFieldReadOnly('field_'+id)" 
                                             ng-model="docdata.web_layout['field_'+id].input[key]" 
                                             placeholder="{{getFieldPlaceholder('field_'+id)}}"
                                             data-field-type="DATE"
                                             ng-readonly="true"
                                             ng-change="onFillings(id, key)" 
                                             ng-keyup="onFillings(id, key)"
                                             ng-click="docdata.is_template||onFillingClick(id, false, key)"
                                             ng-blur="docdata.is_template||!docdata.web_layout['field_'+id].input[key]||onFillingClick(id, true, key)"
                                             ng-enter="docdata.is_template||onFillingClick(id, true, key)"
                                             dateonlypicker
                                             type="text" 
                                             tipsy="{{docdata.web_layout['field_'+id].input[key]}}"   
                                             class="fieldContent fieldInput form-control input-sm readonly_{{isFieldReadOnly('field_'+id)}}" />
                                      
                                      <input ng-if="docdata.web_layout['field_'+id].type=='DATETIME'&&isFieldReadOnly('field_'+id)" 
                                             ng-model="docdata.web_layout['field_'+id].input[key]" 
                                             placeholder="{{getFieldPlaceholder('field_'+id)}}"
                                             data-field-type="DATETIME"
                                             ng-readonly="true" 
                                             type="text" 
                                             tipsy="{{docdata.web_layout['field_'+id].input[key]}}"   
                                             class="fieldContent fieldInput form-control input-sm readonly_{{isFieldReadOnly('field_'+id)}}" />
                                      <input ng-if="docdata.web_layout['field_'+id].type=='DATETIME'&&!isFieldReadOnly('field_'+id)" 
                                             ng-model="docdata.web_layout['field_'+id].input[key]" 
                                             placeholder="{{getFieldPlaceholder('field_'+id)}}"
                                             data-field-type="DATETIME"
                                             ng-readonly="true" 
                                             ng-change="onFillings(id, key)" 
                                             ng-keyup="onFillings(id, key)"
                                             ng-click="docdata.is_template||onFillingClick(id, false, key)"
                                             ng-blur="docdata.is_template||!docdata.web_layout['field_'+id].input[key]||onFillingClick(id, true, key)"
                                             ng-enter="docdata.is_template||onFillingClick(id, true, key)" 
                                             datetimepicker 
                                             type="text" 
                                             tipsy="{{docdata.web_layout['field_'+id].input[key]}}"   
                                             class="fieldContent fieldInput form-control input-sm readonly_{{isFieldReadOnly('field_'+id)}}" />
                                      
                                      <input ng-if="docdata.web_layout['field_'+id].type=='CHECKBOX'" 
                                             ng-model="docdata.web_layout['field_'+id].input[key]" 
                                             ng-disabled="isFieldReadOnly('field_'+id)"  
                                             ng-change="onFillings(id, key)" 
                                             ng-keyup="onFillings(id, key)"
                                             ng-click="docdata.is_template||onFillingClick(id, false, key)"
                                             ng-blur="docdata.is_template||!docdata.web_layout['field_'+id].input[key]||onFillingClick(id, true, key)"
                                             ng-enter="docdata.is_template||onFillingClick(id, true, key)"
                                             type="checkbox" 
                                             class="fieldContent fieldCBox form-control input-sm" />
                                      <input ng-if="docdata.web_layout['field_'+id].type=='BOOL'" 
                                             ng-model="docdata.web_layout['field_'+id].input[key]" 
                                             ng-disabled="isFieldReadOnly('field_'+id)" 
                                             ng-change="onFillings(id, key)" 
                                             ng-keyup="onFillings(id, key)"
                                             ng-click="docdata.is_template||onFillingClick(id, false, key)"
                                             ng-blur="docdata.is_template||!docdata.web_layout['field_'+id].input[key]||onFillingClick(id, true, key)"
                                             ng-enter="docdata.is_template||onFillingClick(id, true, key)"
                                             type="radio" 
                                             class="fieldContent fieldCBox" 
                                             name="bool_{{id}}_{{key}}" 
                                             value="optionYes" />
                                      <span ng-if="docdata.web_layout['field_'+id].type=='BOOL'" class="fieldContent fieldOption">{{'Yes'|translate}}</span>
                                      <input ng-if="docdata.web_layout['field_'+id].type=='BOOL'" 
                                             ng-model="docdata.web_layout['field_'+id].input[key]" 
                                             ng-disabled="isFieldReadOnly('field_'+id)" 
                                             ng-change="onFillings(id, key)" 
                                             ng-keyup="onFillings(id, key)"
                                             ng-click="docdata.is_template||onFillingClick(id, false, key)"
                                             ng-blur="docdata.is_template||!docdata.web_layout['field_'+id].input[key]||onFillingClick(id, true, key)"
                                             ng-enter="docdata.is_template||onFillingClick(id, true, key)"
                                             type="radio" 
                                             class="fieldContent fieldCBox" 
                                             name="bool_{{id}}_{{key}}" 
                                             value="optionNo" />
                                      <span ng-if="docdata.web_layout['field_'+id].type=='BOOL'" class="fieldContent fieldOption">{{'No'|translate}}</span>
                                      
                                      <ui-select 
                                              ng-if="docdata.web_layout['field_'+id].type=='CHOICE'"  
                                              ng-disabled="(isFieldReadOnly('field_'+id))" 
                                              theme="selectize" 
                                              ng-model="docdata.web_layout['field_'+id].input[key]"
                                              ng-change="onFillings(id, key)" 
                                              ng-keyup="onFillings(id, key)"
                                              ng-click="onDropdownOpen($event)"
                                              ng-blur="docdata.is_template||!docdata.web_layout['field_'+id].input[key]||onFillingClick(id, true, key)" 
                                              append-to-body="true"
                                              class="fieldContent"> 
                                        <ui-select-match placeholder="-- {{'choose'|translate}} --">
                                          {{ isDeletedChoice('field_'+id,key)?docdata.web_layout['field_'+id].input[key]:translateHRMGroup(docdata.web_layout['field_'+id].choicegroup_id, $select.selected.choice) }}
                                        </ui-select-match>
                                        <ui-select-choices repeat="item in getChoices(docdata.web_layout['field_'+id].choicegroup_id) | orderBy:'choice' | filter: $select.search">
                                          <div  ng-bind-html="translateHRMGroup(docdata.web_layout['field_'+id].choicegroup_id, item.choice)"
                                                ng-click="docdata.is_template||onFillingClick(id, false, key)"
                                                ng-enter="docdata.is_template||onFillingClick(id, true, key)">
                                          </div>
                                        </ui-select-choices>
                                      </ui-select>
                                      <input ng-if="docdata.web_layout['field_'+id].type=='FORMULA'" 
                                             value="{{docdata.web_layout['field_'+id].value[key] |digitComma}}" 
                                             readonly 
                                             placeholder="{{getFieldPlaceholder('field_'+id)}}"
                                             data-field-type="FORMULA"
                                             type="text" 
                                             tipsy="{{docdata.field_data['field_'+id].formula}}" 
                                             class="fieldContent fieldInput form-control input-sm formula formula_{{getStrValueType(docdata.web_layout['field_'+id].value[key])}}" />
                                      <a ng-if="docdata.web_layout['field_'+id].type=='LINK'"
                                         href="{{docdata.web_layout['field_'+id].input[key]}}"
                                         target="_blank"
                                         class="fieldContent fieldInput input-group-addon">
                                         <i class="glyphicon glyphicon-new-window"></i>
                                      </a>
                                      <input ng-if="docdata.web_layout['field_'+id].type=='LINK'" 
                                             ng-model="docdata.web_layout['field_'+id].input[key]" 
                                             ng-readonly="isFieldReadOnly('field_'+id)" 
                                             ng-change="onFillings(id, key)" 
                                             ng-keyup="onFillings(id, key)"
                                             placeholder="{{getFieldPlaceholder('field_'+id)}}"
                                             data-field-type="LINK"
                                             type="text" 
                                             tipsy="{{docdata.web_layout['field_'+id].input[key]}}"
                                             class="fieldContent fieldInput form-control input-sm" />
                                      <div ng-if="docdata.fill_by_current_user&&$last&&tableHasRequiredCol(layout_key)" ng-click="delTableRow(layout_key,key)" class="btn btn-xs delbtn required_false"></div>
                                   </td>
                                </tr>
                             </table>           
                          </div>
                       </div>
                    </div>
                 </div>
              </div>
           </div>
         </div>
      </div>
      
      <div ng-if="!docdata.is_template&&!docdata.is_revoked&&!docdata.is_cancelled&&!docdata.is_completed&&!loading&&(!fillingRejection&&!replyingCc)||docdata.attachedfiles.length>0"
           
           class="row uploader well panel panel-default">
         <div 
             ng-controller="FileUploaderCtrl"
             ng-if="!docdata.is_template&&!docdata.is_revoked&&!docdata.is_cancelled&&!docdata.is_completed&&!loading&&(!fillingRejection&&!replyingCc)"
             ng-hide="docdata.disable_file_upload"
             class="hidden-xs">
             {{'You can upload up to'|translate}} {{sizeLimit}} MB {{'worth of files at one time.'|translate}}
             
             <form>
                <dropzone refresh-flag="is_refresh_dropzone" file-target="files_to_upload" disable-upload="isDisabled.doc_todo_upload" class="hidden-xs"></dropzone>
                <br/>
                <div class="col-sm-12 description-row">
                  <input type="text"
                       name="title"
                       placeholder="{{'file description'|translate}} ({{'optional'|translate}})"
                       class="col-sm-10 input-file-description"/>
                  <div class="btn btn-sm btn-default upload-btn col-sm-2">
                     {{'Choose File(s)'|translate}}
                     <input id="file-input" onchange="angular.element(this).scope().setFiles(this)" 
                            multiple type="file" name="uploaded_file" />
                  </div>
                </div>
                
                <span ng-if="hasFiles()" class="total-filesize"><i class="material-icons">folder</i> {{'total size of files to be upload'|translate}} {{getTotalFileSize().toFixed(2)}} MB</span>
                <input type="hidden" name="document_id" value="{{docdata.document_id}}" />
                <input type="hidden" name="version" value="{{docdata.version}}" />
                <input type="hidden" name="csrfmiddlewaretoken" value="" />
             </form>
         </div>
         <div id="attachedfilelist">
            <ng-file-preview
               files="docdata.attachedfiles"
               hidden-fields="docdata.hidden_fields"
               current-user="currentUser"
               get-attached-file-list="getAttachedFileList"
            />
         </div>

</div>
      
      <div class="flow-nav-row row">
         <ul class="nav nav-tabs" ng-show="!docdata.is_template">
            <li class="{{containerscope.styleActive(docdata.status_view=='flow')}}"
               ng-click="docdata.status_view='flow'"><a href="">{{'Workflow View'|translate}}</a></li>
            <li class="{{containerscope.styleActive(docdata.status_view=='table')}}"
               ng-click="docdata.status_view='table'"><a href="">{{'Signature Table View'|translate}}</a></li>
         </ul>
      </div>
      <div ng-if="!loading" class="flowDisplay tag_fill row well panel panel-default">

<div class="flow-display-option-row" ng-show="docdata.status_view=='flow'">
            <span class="toggle-flow-display" ng-click="changeFlowDisplay('complete')" ng-if="docdata.flowDisplayOption=='hide'" >{{'Unfold nodes'|translate}} <i class="material-icons arrow-icon">arrow_drop_down</i></span>
            <span class="toggle-flow-display" ng-click="changeFlowDisplay('hide')" ng-if="docdata.flowDisplayOption=='complete'" >{{'Fold nodes'|translate}} <i class="material-icons arrow-icon">arrow_drop_up</i></span>
         </div>
         <div class="col-sm-12 note" ng-show="docdata.status_view=='flow'||docdata.is_template">({{'scroll horizontally to see more of the flow'|translate}})</div>
         <div
            ng-if="docdata.flowDisplayOption != 'hide'"
            class="col-sm-12 flowBox" 
            flowbox ng-show="docdata.status_view=='flow'||docdata.is_template">
            
            <div ng-repeat="node in docdata.flownodes"
                 on-finish-render-all="drawFlow('tag_fill', docdata.flownodes)" 
                 tipsy="{{getNodeTipsy(node)}}" 
                 _row="{{node.row}}" 
                 id="tag_fill_{{node.processflownode_id}}" 
                 class="flownode {{docdata.is_template?'':currentNodeClass(docdata.current_flownode_ids.indexOf(node.processflownode_id))}} node_{{node.node_type}} {{node.warnClass}}">
               {{node.note}}
               <div class="nodenote">{{node.html}}</div>
               <div ng-show="isJobAssignmentNode(node)&&!isJobAssignmentMappingNode(node)&&!node.disable_assignment" 
                    ng-click="specifyMemberUI(node)"
                    style="margin-top:0.5em;" 
                    class="btn btn-default smallbtn assignment-btn" _key="btn-specify-member">
                  {{'specify member'|translate}}
                  <span ng-show="!node.n_sign_percentage && node.n_sign>0"> ({{node.n_sign}})</span>
                  <span ng-show="node.n_sign_percentage"> ({{node.n_sign_percentage}}%)</span>
               </div>
               <div ng-show="isJobAssignmentNode(node)&&isJobAssignmentMappingNode(node)&&!node.disable_assignment" 
                    ng-click="specifyMemberUI(node)"
                    style="margin-top:0.5em;" 
                    class="btn btn-default smallbtn assignment-btn" _key="btn-specify-member">
                  {{'member list'|translate}}
               </div>
               <div ng-show="node.jobassignment&&node.jobassignment.assigned_users.length" 
                    class="smallText" 
                    tipsy="{{getNodeAssignmentTipsyContent(node.jobassignment.assigned_users)}}" >
                  <span ng-repeat="user in node.jobassignment.assigned_users | orderBy:'first_name'" ng-show="$index<2">
                     {{user.first_name}}<span ng-show="!$last">, </span>
                  </span>
                  <span ng-show="node.jobassignment.assigned_users.length>2">...</span>
               </div>
               <span ng_if="node.n_sign==0&&!node.as_specified&&!node.n_sign_percentage" class="smallText"> ({{'all'|translate}})</span>
               <div ng_if="node.n_sign==0&&node.as_specified&&!node.n_sign_percentage" class="smallText"> ({{'all'|translate}})</div>
            </div>

<div ng-show="responsiblePpl.ready" class="specifyMemberUI-wrapper">
              <div  class="specifyMemberUI">
                 <div class="specifyMemberContent">
                    <div class="btn btn-primary btn-xs save-member" ng-click="isDisabled.doc_saveMember || saveMember()" _key="specifyMemberUI-save"
                    >
                       {{'save'|translate}}
                       <span ng-show="responsiblePpl.node.n_sign>0&&!responsiblePpl.node.n_sign_percentage"> ({{responsiblePpl.node.n_sign}})</span>
                    </div>
                    <div class="btn btn-primary btn-xs" ng-show="responsiblePpl.node.jobassignment.assigned_users.length&&!responsiblePpl.node.as_specified" ng-click="removeMember()">{{'reset'|translate}}</div>
                    <div class="btn btn-xs delbtn" ng-click="resetMemberUI()"></div>
                 </div>
                 <div class="specifyMemberContent">
                    {{responsiblePpl.type|translate}}
                    <span ng-show="responsiblePpl.name!=''">: {{responsiblePpl.name}}</span>
                 </div>
                 <hr />
                 <input ng-show="responsiblePpl.member_all.length>7" ng-model="responsiblePpl.filter" type="text" placeholder="{{'filter'|translate}}" />
                 <div class="specifyMemberContent" ng-show="!responsiblePpl.member_all.length">
                  <span class="text-danger">{{'group_zero_user'|translate}}</span>
                 </div>
                 <ul ng-show="responsiblePpl.member_all.length" class="specifyMemberContent">
                    <li ng-repeat="user in responsiblePpl.member_all | filter:{filterstring: responsiblePpl.filter} | orderBy:'first_name'">
                       <input ng-model="user.selected" type="checkbox" /> 
                       {{user.first_name}}, <span class="smallText">{{user.username}}, {{user.email}}</span>
                    </li>
                 </ul>
                 <div class="specifyMemberContent">
                    <div class="btn btn-primary btn-xs save-member" ng-click="isDisabled.doc_saveMember || saveMember()"
                    >
                       {{'save'|translate}}
                       <span ng-show="responsiblePpl.node.n_sign>0&&!responsiblePpl.node.n_sign_percentage">({{responsiblePpl.node.n_sign}})</span>
                    </div>
                    <div class="btn btn-primary btn-xs" ng-show="responsiblePpl.node.jobassignment.assigned_users.length&&!responsiblePpl.node.as_specified" ng-click="removeMember()">{{'reset'|translate}}</div>
                    <div class="btn btn-xs delbtn" ng-click="resetMemberUI()"></div>
                 </div>
              </div>
            </div>
         </div>
         <div class="col-sm-12 flowTable" ng-show="docdata.status_view=='table'">
            <table ng-if="!doc.is_template" ng-repeat="table in containerscope.range(docdata.flownodes.length/4) track by $index">
               <tr>
                  <th ng-repeat="n in [$index*4+0, $index*4+1, $index*4+2, $index*4+3]"
                      class="{{containerscope.styleTransparent(n>=docdata.flownodes.length)}}">
                     {{docdata.flownodes[n].note}}
                  </th>
               </tr>
               <tr>
                  <td ng-repeat="n in [$index*4+0, $index*4+1, $index*4+2, $index*4+3]"
                      class="{{containerscope.styleTransparent(n>=docdata.flownodes.length)}}">
                     <span ng-repeat="s in getSignatures(docdata.flownodes[n].processflownode_id)">
                        {{getSignaturesDisplayName(s)}}
                        <span class="smallText">{{s.signature_time}}</span>
                        <span ng-hide="$last">, </span>
                     </span>
                  </td>
               </tr>
            </table>
            
         </div>
      </div>
      
      <div class="row block-archive" ng-if="!containerscope.currOrg.is_disabled_document_archive">
         <div ng-show="docdata.title.length&&!(docdata.is_completed||docdata.is_cancelled)&&docdata.is_archived"
              class="well well-sm panel panel-default">
            <button ng-click="doUnarchive()" class="btn btn-sm btn-primary">{{'Unarchive'|translate}}</button>
            <span>{{'Archived until'|translate}} {{docdata.archive_until}}</span>
         </div>
         <div ng-show="docdata.title.length&&!docdata.is_archived&&!(docdata.is_completed||docdata.is_cancelled)"
              class="well well-sm panel panel-default form-group">
            <button ng-click="(docdata.archive_duration=='custom'&&!docdata.archive_custom_days)||doArchive()"
                    class="btn btn-sm btn-primary {{styleDisabled(docdata.archive_duration=='custom'&&!docdata.archive_custom_days)}}">{{'Archive'|translate}}</button>
            <label>
               <input type="radio" class="op"
                      ng-model="docdata.archive_duration"
                      name="archive_duration_bottom" value="oneDay" />
               1 {{'Day'|translate}} 
            </label>
            <label>
               <input type="radio" class="op"
                      ng-model="docdata.archive_duration"
                      name="archive_duration_bottom" value="threeDays" />
               3 {{'Days'|translate}} 
            </label>
            <label>
               <input type="radio" class="op"
                      ng-model="docdata.archive_duration"
                      name="archive_duration_bottom" value="oneWeek" />
               1 {{'Week'|translate}} 
            </label>
            <label>
               <input type="radio" class="op"
                      ng-model="docdata.archive_duration"
                      name="archive_duration_bottom" value="custom" />
               {{'Custom'|translate}}:
               <input ng-readonly="docdata.archive_duration!='custom'"
                      ng-model="docdata.archive_custom_days"
                      tipsy="{{docdata.archive_custom_days}}"
                      type="text" class="custom_day center" autoint />
               {{'Day'|translate}}
            </label>
         </div>
      </div>
      
      <div class="row block-btn secondary"
           ng-if="!loading&&!fillingRejection&&!replyingCc&&!docdata.is_template">
         <button class="btn btn-sm btn-primary back-to-list-btn" ng-click="backToList(undefined, true)">
            {{'Back to List'|translate}}
         </button>
         <button ng-show="!docdata.is_completed&&!docdata.is_cancelled"
                 ng-click="isDisabled.doc_saveFillings || !(hasFillings||hasUpdates) || saveFillings()"
                 ng-disabled="isDisabled.doc_saveFillings || !hasFillings&&!hasUpdates"
                 class="btn btn-sm btn-primary save-btn">
            {{'Save'|translate}}
            <i ng-if="isDisabled.doc_saveFillings" class="fa fa-2x fa-pulse"></i>
         </button>
         <button ng-show="docdata.signatures.length>0&&!docdata.is_cancelled&&(!docdata.is_completed||docdata.is_revivable)"
                 ng-click="toggleRejectUI()"
                 class="btn btn-sm btn-danger reject-btn">{{'Reject'|translate}}</button>
         <button ng-show="getCcReadRootId()!=-1"
                 ng-click="isDisabled.doc_saveFillings || readRootCc()"
                 class="btn btn-sm btn-primary read-cc-btn">{{'Read CC'|translate}}</button>
         <button ng-show="docdata.fill_by_current_user&&!(docdata.is_completed||docdata.is_cancelled) && containerscope.currOrg.isFoodpanda"
                 ng-click="isDisabled.doc_saveFillings || doneFillings(false)"
                 ng-disabled="isDisabled.doc_saveFillings"
                 class="btn btn-sm btn-success sign-btn" _key="document_sign">
            {{'Submit'|translate}}
            <i ng-if="isDisabled.doc_Signing" class="fa fa-2x fa-pulse"></i>
         </button>
         <button ng-show="docdata.fill_by_current_user&&!(docdata.is_completed||docdata.is_cancelled) && !containerscope.currOrg.isFoodpanda"
                 ng-click="isDisabled.doc_saveFillings || doneFillings(false)"
                 ng-disabled="isDisabled.doc_saveFillings"
                 class="btn btn-sm btn-success sign-btn" _key="document_sign">
            {{'Sign'|translate}}
            <i ng-if="isDisabled.doc_Signing" class="fa fa-2x fa-pulse"></i>
         </button>
         <button ng-show="docdata.fill_by_current_user&&!(docdata.is_completed||docdata.is_cancelled)"
                 ng-click="isDisabled.doc_saveFillings || doneFillings(true)"
                 ng-disabled="isDisabled.doc_saveFillings"
                 class="btn btn-sm btn-success sign-btn notify-btn">
            {{'Sign and Notify Responsibles'|translate}}
            <i ng-if="isDisabled.doc_Signing" class="fa fa-2x fa-pulse"></i>
         </button>
         
         <button ng-if="!docdata.is_completed&&!docdata.is_cancelled&&(currentUser.user_id==docdata.creator_id || substituted_user_id==docdata.creator_id)"
                 ng-click="isDisabled.doc_cancelFlow || cancelFlow()"
                 ng-disabled="isDisabled.doc_cancelFlow"
                 class="btn btn-sm btn-danger cancel-btn pull-right">
            {{'Cancel the Flow'|translate}}
         </button>
         
         <button ng-if="docdata.is_completed&&!docdata.is_revoked&&docdata.is_revokable"
                 ng-click="isDisabled.doc_revokeFlow || revokeFlow()"
                 class="btn btn-sm btn-danger revoke-btn pull-right">
            {{'Revoke the workflow'|translate}}
         </button>
      </div>
      
      <div class="row well well-sm panel panel-default block-tag"
           ng-if="!docdata.is_template&&!loading&&!fillingRejection&&!replyingCc&&!containerscope.currOrg.is_disabled_document_tag">
         
         <div id="tag-input-area"
              ng-show="tag.input_show"
              click-outside="hideTaginputAll()"
              outside-if-not="btn-tag,btn-tag-p">
            <span ng-if="(filtered=(list.tagtype.data | orderBy:categoryOrder | filter:isAddableTagtype)).length&&!onlyforinitofthisdoc">{{tag.category=filtered[0];$parent.onlyforinitofthisdoc=true;}}</span>
            <ui-select ng-model="tag.category"
                       on-select="delayShowTaginput('input_show')"
                       theme="select2"
                       ng-show="filtered.length"> 
               <ui-select-match>
                  {{GLOBAL_TAGTYPE.display($select.selected.doctagtype)}}
               </ui-select-match>
               <ui-select-choices repeat="tagtype in filtered">
                  {{GLOBAL_TAGTYPE.display(tagtype.doctagtype)}}
               </ui-select-choices>
            </ui-select>
            <input type="text"
                   class="input-sm"
                   ng-enter="addTag(false)"
                   ng-model="tag.input"
                   typeahead="item.doctag as escapeHtml(item.doctag) for item in list.tag.data | orderBy:'doctag' | filter:matchTagInCategory(tag.category.doctagtype_id,false) | filter:{doctag:tag.input}"
                   typeahead-focus-first="false"
                   typeahead-on-select="delayShowTaginput('input_show')"
                   typeahead-min-length="0"
                   placeholder="{{'add_public_tags'|translate}}" />
            <button class="btn btn-sm btn-default"
                    ng-click="addTag(false)">{{'Add'|translate}}</button>
         </div>
         <span class="btn label label-primary" ng-hide="tag.input_show" ng-click="showTaginput('input_show')" id="btn-tag">
            <i class="material-icons"></i>
            <span>{{'add_public_tags'|translate}}</span>
         </span>
         <span ng-repeat="tag in docdata.doctags | filter:matchOrdinaryTag(false,false) | orderBy:['doctagtype','doctag']" class="label label-primary">
            <span ng-bind-html="GLOBAL_TAGTYPE.display(tag.doctagtype)+'-'+tag.doctag | highlight:searchResult.key | unsafe"></span>
            <button ng-show="isDeletableTagtype(tag.doctagtype_id)" ng-click="delTag(tag)" class="btn btn-label">
               <i class="material-icons"></i>
            </button>
         </span>
         <hr />
         
         <div id="tag-input-p-area"
              ng-show="tag.input_p_show"
              click-outside="hideTaginputAll()"
              outside-if-not="btn-tag, btn-tag-p">
            <input type="text"
                   class="input-sm"
                   ng-enter="addTag(true)"
                   ng-model="tag.input_p"
                   typeahead="item.doctag as escapeHtml(item.doctag) for item in list.tag.data | orderBy:'doctag' | filter:{owner:{user_id:currentUser.user_id}}:strict | filter:{doctag:tag.input_p}"
                   typeahead-focus-first="false"
                   typeahead-on-select="delayShowTaginput('input_p_show')"
                   typeahead-min-length="0"
                   placeholder="{{'add_personal_tags'|translate}}" />
            <button class="btn btn-sm btn-default"
                    ng-click="addTag(true)">{{'Add'|translate}}</button>
         </div>
         <span class="btn label label-primary" ng-click="showTaginput('input_p_show')" ng-hide="tag.input_p_show" id="btn-tag-p">
            <i class="material-icons"></i>
            <span>{{'add_personal_tags'|translate}}</span>
         </span>
         <span ng-repeat="tag in docdata.doctags | filter:matchOrdinaryTag(true,false) | orderBy:['doctagtype','doctag']" class="label label-primary">
            <span ng-bind-html="tag.doctag | highlight:searchResult.key | unsafe"></span>
            <button ng-click="delTag(tag)" class="btn btn-label">
               <i class="material-icons"></i>
            </button>
         </span>
      </div>
      
      <div>
        <ng-related-doc docs="docdata.related_documents" document_id="docdata.document_id" force_relate_document="docdata.force_relate_document" />
      </div>
   </div>

   <div class="col-md-3" ng-if="!docdata.is_template">
      
      <div ng-if="!loading" class="row block-side block-comment">
         <div id="reject-top"></div>
         <div ng-hide="docdata.is_cancelled" class="panel panel-default well">
            <div ng-show="fillingRejection">
               <button ng-click="isDisabled.doc_todo_rejectDoc || rejectDoc()"
                       ng-disabled="isDisabled.doc_todo_rejectDoc"
                       class="btn btn-sm btn-danger reject-btn">{{'Reject'|translate}}</button>
               <button ng-click="isDisabled.doc_todo_rejectDoc || toggleRejectUI()"
                       class="btn btn-sm btn-default cancel-btn">{{'Cancel'|translate}}</button>
               <div class="signatures">
                  <div>{{'signed users'|translate}}:</div>
                  <div ng-repeat="signature in docdata.signatures | orderBy:'signature_time'" 
                       ng-click="toggleSignature(signature)" 
                       _id="{{signature.signature_id}}" 
                       class="label label-danger {{containerscope.styleDim(!signature.selected)}}">
                     {{signature.user}}
                     <span ng-show="signature.user_id!=signature.login_user.user_id">({{signature.login_user.first_name}})</span>
                     <span>at {{signature.signature_time}}</span>
                  </div>
               </div>
               <textarea rows="4"
                         class="col-xs-12"
                         ng-model="docdata.new_comment"
                         ng-show="cc.user"
                         ng-change="checkFillingStatus()"
                         placeholder="{{'comment'|translate}}({{'optional'|translate}})">

{{'CC'|translate}} {{'comment'|translate}}

{{'cc_to'|translate}}({{'optional'|translate}})

{{'comment'|translate}}({{'optional'|translate}}) {{'comment'|translate}}

{{'previous comments'|translate}}
{{num}} '{{' message(s) need your review - click to filter'|translate}}

{{getUserById(comment.user_id).first_name}} ({{comment.login_user.first_name}} {{'Allograph'|translate}}) {{' rejected to '|translate}} {{getUserById(comment.reject_to_user_id).first_name}} {{' cced '|translate}}{{getCcAttr(comment.sender_cc_id,'to_user')}}
{{formatDateTime(comment.datetime)}}

{{getUserById(reply.user_id).first_name}} ({{reply.login_user.first_name}}) {{' read'|translate}} {{' replied'|translate}}
{{formatDateTime(reply.datetime)}}

[{{'waiting for reply'|translate}}{{'unread'|translate}}]

[{{'read'|translate}}] {{formatDateTime(reply.datetime)}}

{{'Document Code'\|translate}}	{{encodeDocId(docdata.document_id)}} ({{docdata.serial}})
{{'Signed Users'\|translate}}	{{user.first_name}} ... {{'No user has signed the flow.'\|translate}}
{{'Current Users'\|translate}}	{{user.first_name}} {{'Notify All'\|translate}} ... {{'No user is currently assigned to the flow.'\|translate}}
{{'Upcoming Tasks'\|translate}}	{{task.note}} ... {{'There is no upcoming task for the flow.'\|translate}}
{{'Documnet Logs'\|translate}}	{{'Expand'\|translate}} {{log.time}} {{item.data \|translate}} {{'Fold'\|translate}}