36 lines
1.9 KiB
HTML
36 lines
1.9 KiB
HTML
|
<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header mrs07-dialog">
|
||
|
|
<div class="kmi-header-row">
|
||
|
|
<div class="header-title">SOP</div>
|
||
|
|
<div class="kmi-side-btn right" ng-click="dialog.back();">
|
||
|
|
<i class="material-icons">clear</i>
|
||
|
|
<div class="kmi-can-click"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="kmi-layout-main-content">
|
||
|
|
<div class="kmi-layout-page left-page" ng-show="dialog.esopList.length > 1 && dialog.isListOpen">
|
||
|
|
<div class="kmi-list machine-list kmi-list__no-header">
|
||
|
|
<div class="perfect-scrollbar kmi-list__row-content">
|
||
|
|
<div class="kmi-list__row" ng-class="{'even-row':$even,'odd-row':$odd}" ng-repeat="esopFile in dialog.esopList track by $index" ng-click="dialog.clickEsopFile(esopFile);">
|
||
|
|
<div class="kmi-list__column" style="flex:1;" ng-bind="esopFile.esop_name"></div>
|
||
|
|
<div class="kmi-can-click"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="kmi-layout-page center-page" ng-if="dialog.esopList.length > 1">
|
||
|
|
<i class="material-icons" ng-if="dialog.isListOpen"></i>
|
||
|
|
<i class="material-icons" ng-if="!dialog.isListOpen"></i>
|
||
|
|
<div class="kmi-can-click" ng-click="dialog.closeList();"></div>
|
||
|
|
</div>
|
||
|
|
<div class="kmi-layout-page right-page">
|
||
|
|
<iframe id="kmi-pdf-panel" ng-if="dialog.currentFile.content_type == '0'" ng-src="{{dialog.pdf_url}}"></iframe>
|
||
|
|
<video id="kmi-video-panel" width="320" height="240" controls autoplay="autoplay" style="width:100%;height:100%;"
|
||
|
|
ng-if="dialog.currentFile.content_type == '1'">
|
||
|
|
</video>
|
||
|
|
<div style="overflow:auto;" ng-show="dialog.currentFile.content_type == '2'">
|
||
|
|
<img id="kmi-img-panel" class="kmi-img-panel" ng-src="{{dialog.currentFile.esop_content}}">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div >
|