Initial commit

This commit is contained in:
Senad Uka
2018-06-11 11:09:35 +02:00
commit ed7df7b11f
1954 changed files with 483354 additions and 0 deletions

View File

@@ -0,0 +1,16 @@
<div id="copy-processes" class="dropzone-packages">
<h3>{{'processes.headers.COPY_PROCESS' | translate}}</h3>
<div class="row">
<label for="selectProcess" class="package-label col-md-2">{{'processes.labels.PROCESS_TO_COPY' | translate}}:</label>
<select id="copy-process-select"
ng-model="idSelectedProccess"
ng-change="getSteps()"
class="form-control-static col-md-3"
ng-options="processInfo.name for processInfo in processes track by processInfo.id">
</select>
</div>
<div id="create-process-layer"
ng-if="processSteps.length">
<create-process-steps ng-controller="createProcessStepsCtrl" ng-init="initProcessCreation($parent.processSteps, resetProcessSelection)"></create-process-steps>
</div>
</div>

View File

@@ -0,0 +1,164 @@
<div id="create-process-steps" class="dropzone-packages">
<div class="create-process-notice alert alert-info">
<span class="glyphicon glyphicon-info-sign"></span>
{{'processes.messages.DEFAULT_STEPS' | translate}}
</div>
<div class="create-processes-name-description row">
<div class="create-processes-name row">
<label id="create-processes-name-label" for="packageName" class="package-label col-md-2">
{{'processes.labels.PROCESS_NAME' | translate}}:
</label>
<input type="text" placeholder="Enter process name" id="create-processes-process-name"
class="create-process-name-input col-md-2"
ng-model="processName" />
</div>
<div class="create-processes-country row">
<label id="create-processes-country-label" for="create-process-country-select" class="package-label col-md-2">
{{'processes.labels.PROCESS_COUNTRY' | translate}}:
</label>
<select id="create-process-country-select"
class="create-process-country-select col-md-2"
ng-model="selectedCountry">
<option id="catete-process-country-{{idCountry}}" ng-repeat="countryInfo in countries" value={{countryInfo.id}}>
{{countryInfo.name}}
</option>
</select>
</div>
</div>
<div class="create-process-steps-container">
<div class="create-processes-name-description">
<div>
<div id="create-processes-add-new-step-link" class="btn btn-primary add-step-label" ng-click="isStepFormOpen = !isStepFormOpen">
{{'processes.labels.NEW_STEP' | translate}}
</div>
</div>
<div>
<div class="add-process-steps" ng-if="isStepFormOpen">
<h3>{{'processes.buttons.ADD_STEP' | translate}}</h3>
<div class="create-processes-description col-md-12">
<label id="create-processes-short-desc-label" for="packageDescription" class="col-md-3">
{{'processes.labels.STEP_SHORT_DESC' | translate}}:
</label>
<textarea id="process-step-short-description"
placeholder="{{'processes.placeholders.SHORT_DESC' | translate}}"
class="form-control-static col-md-8"
ng-model="$parent.$parent.processStepShortDesc"></textarea>
</div>
<div class="create-processes-description col-md-12">
<label id="create-processes-full-desc-label" for="packageDescription" class="col-md-3">
{{'processes.labels.STEP_FULL_DESC' | translate}}:
</label>
<div id="proces-step-full-description" class="col-md-8">
<textarea
ui-tinymce="tinymceOptions"
ng-model="$parent.$parent.processStepFullDesc"></textarea>
</div>
</div>
<div class="create-processes-description col-md-12">
<label id="create-processes-customer-checkbox-label" for="packageDescription" class="package-label col-md-3">
{{'processes.labels.STEP_VISIBLE_CUSTOMER' | translate}}
</label>
<span ng-click="setVisible()" class="glyphicon {{isStepVisibleToCustomer()}}"></span>
</div>
<div class="create-processes-description col-md-12">
<label id="create-processes-step-extra-action-label" class="package-label col-md-3">
{{'processes.labels.EXTRA_ACTION' | translate}}
</label>
<select id="create-processes-step-extra-action-select" ng-model="$parent.$parent.selectedExtraAction" class="col-md-2">
<option id="create-processes-step-extra-action-{{extraAction.actionCode}}" ng-repeat="extraAction in extraActions" value={{extraAction.idActionCode}}>
{{extraAction.name}}
</option>
</select>
</div>
<div ng-if="$parent.$parent.selectedExtraAction" class="col-md-12">
<div class="create-process-notice alert alert-info">
<span class="glyphicon glyphicon-info-sign"></span>
{{getExtraActionDescription()}}
</div>
</div>
<div class="create-processes-description col-md-12">
<label id="create-processes-step-rights-label" for="processStepUserType" class="package-label col-md-3">
{{'processes.labels.STEP_RIGHTS' | translate}}
</label>
<select id="create-processes-step-rights-select"
class="col-md-2"
ng-model="$parent.$parent.selectedUserTypeId">
<option id="create-processes-step-rights-{{userType.id}}" ng-repeat="userType in userTypes" value={{userType.id}}>
{{userType.type}}
</option>
</select>
</div>
<div class="create-process-steps-add-button col-md-12">
<button type="button"
id="add-process-step-button"
class="btn btn-primary"
ng-click="addProcessStep()">{{'processes.buttons.ADD_STEP' | translate}}</button>
</div>
</div>
</div>
</div>
<div id="create-process-lists-container" class="create-packages-container">
<div class="create-packages-titles row">
<div class="col-md-4">
<div id="create-processes-products-title" class="create-process-title">
{{processListsTitle('process') | translate}}
</div>
</div>
<div class="col-md-4">
<div id="create-processes-packages-title" class="create-process-title">
{{processListsTitle('steps') | translate}}
</div>
</div>
</div>
<div id="create-processes-step-dragndrop-container" class="steps-container row">
<div class="col-md-4">
<div id="create-processes-step-dragndrop-available"
class="processes-list process-col-margin"
ui-sortable="sortableOptionsList.available" ng-model="availableSteps">
<div ng-repeat="(position, step) in availableSteps" class="create-package-row product-draggable">
<div id="available-list-{{position}}-position" class="create-processes-products-display">
<span class="glyphicon {{isVisibleToCustomer(step.isVisibleForCustomer)}}"></span>
<div class="create-processes-product">
{{step.shortDesc}}
</div>
</div>
</div>
</div>
</div>
<div class="draggable-icon-steps">
<span class="glyphicon glyphicon-transfer"></span>
</div>
<div class="col-md-4">
<div id="create-processes-step-dragndrop-process"
class="processes-list process-col-margin"
ui-sortable="sortableOptionsList.process" ng-model="processSteps">
<div ng-repeat="(position, step) in processSteps" class="create-package-row product-draggable">
<div id="available-list-{{position}}-position"
class="create-processes-products-display">
<span class="glyphicon {{isVisibleToCustomer(step.isVisibleForCustomer)}}"></span>
<div class="create-processes-step-number">
{{getStepNumber(position)}}
</div>
<div class="create-processes-product">
{{step.shortDesc}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="create-processes-button col-md-12" ng-if="processSteps">
<button id="create-processes-add-process-button" type="button" class="btn btn-primary" ng-click="addProcess()">
{{'processes.buttons.ADD_PROCESS' | translate}}
</button>
</div>
</div>

View File

@@ -0,0 +1,122 @@
<div id="edit-processes" class="dropzone-packages">
<h3>{{'processes.headers.EDIT_PROCESS' | translate}}</h3>
<div id="edit-process-select-container" class="link-process-steps-packages select-group row">
<label for="selectPackage" class="package-label col-md-2">{{'processes.labels.PROCESS_SELECT' | translate}}:</label>
<select id="edit-process-select"
ng-model="idSelectedProccess"
ng-change="getSteps()"
ng-init="setProcessAfterEdit()"
class="form-control-static col-md-3"
ng-options="processInfo.name for processInfo in processes track by processInfo.id">
</select>
</div>
<form ng-if="isProcessSelected()">
<div class="create-packages-name-description row">
<div class="create-package-name row justify-content-start col-md-12">
<label for="process-name" class="package-label col-md-2">{{ 'processes.labels.PROCESS_NAME' | translate }}:</label>
<input type="text"
id="process-name-edit"
required
class="create-package-name-input form-control-static col-md-5"
ng-model="$parent.processName" />
</div>
<div class="create-processes-country row justify-content-start col-md-12">
<label id="create-processes-country-label" for="create-process-country-select" class="package-label col-md-2">
{{'processes.labels.PROCESS_COUNTRY' | translate}}:
</label>
<select id="create-process-country-select"
class="create-process-country-select form-control-static col-md-5"
ng-model="$parent.selectedCountry">
<option id="create-process-country-{{countryInfo.id}}" ng-repeat="countryInfo in countries" value={{countryInfo.id}}>
{{countryInfo.name}}
</option>
</select>
</div>
</div>
<div class="create-process-notice alert alert-info">
<span class="glyphicon glyphicon-info-sign"></span>
{{'processes.messages.DEFAULT_STEPS' | translate}}
</div>
<div id="edit-processes-container" class="create-packages-container">
<div class="create-packages-titles row">
<div class="create-package-title col-md-4">
{{'processes.labels.PROCESS' | translate}}
</div>
<div class="create-package-title col-md-5">
{{'processes.labels.STEPS_IN_PROCESS' | translate}}
</div>
</div>
<div id="edit-process-and-steps-container" class="row">
<div class="draggable-icon col-md-1">
<span class="glyphicon glyphicon-transfer"></span>
</div>
<div class="create-packages col-md-4 available-steps-list">
<ul class="edit-processes-lists"
id="available-steps-list"
data-drop="true"
jqyoui-droppable="{onDrop:'processStepDropped'}">
<li ng-repeat="(idStep, availableStep) in availableSteps"
class="create-package-row product-draggable"
step-info="{{availableStep}}"
data-drag="true"
jqyoui-draggable="{animate:true, onStart:'startDragFromAvailableSteps(idStep)', onStop:'endDragFromAvailableSteps()', scroll: false}"
data-jqyoui-options="{revert: 'invalid', containment:'#edit-processes-container', scroll: false}">
<div id="edit-available-steps-list-{{idStep}}-position" class="create-processes-products-display">
<div class="create-processes-product">
<span class="glyphicon {{isVisibleToCustomer(availableStep.isVisibleForCustomer)}}"></span>
{{availableStep.shortDesc}}
</div>
</div>
</li>
</ul>
</div>
<div class="create-packages col-md-4 process-steps-list">
<ul class="edit-processes-lists rearrange-steps"
id="process-steps-list"
data-drop="true"
jqyoui-droppable="{onDrop: 'availableStepDropped'}"
sortable-steps
start-drag-process="startDragFromProcessSteps"
end-drag-process="endDragFromProcessSteps"
process-steps="processSteps">
<li ng-repeat="(position, processStep) in processSteps"
step-info="{{processStep}}"
data-drag="true"
data-jqyoui-options="{revert: 'invalid', containment:'#edit-processes-container', scroll: false}"
class="create-processes-row" style="padding-left: {{getStepPadding(position)}}%;">
<div id="edit-process-steps-list-{{position}}-position" class="create-processes-products-display">
<div class="create-processes-step-number">
{{position + 1}}
</div>
<div class="create-processes-product">
<span class="glyphicon {{isVisibleToCustomer(processStep.isVisibleForCustomer)}}"></span>
{{processStep.shortDesc}}
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="edit-buttons row" ng-if="processSteps">
<div class="edit-package-button col-md-7">
<input type="submit"
id="edit-package-btn"
class="btn btn-primary"
ng-click="editProcess()"
value="{{ 'processes.buttons.EDIT_PROCESS' | translate }}"/>
</div>
<div class="reset-button col-md-5">
<input type="submit"
id="reset-package-btn"
class="btn btn-primary"
ng-click="resetProducts()"
value="{{ 'processes.buttons.RESET' | translate }}"/>
</div>
</div>
</form>
</div>

View File

@@ -0,0 +1,103 @@
<div id="link-process-steps" class="dropzone-packages">
<h3>{{'processes.headers.LINK_PROCESSES' | translate}}</h3>
<div id="process-steps-countries" class="packages-countries select-group row justify-content-start">
<label for="selectCountry" class="package-label col-md-2">{{ 'processes.labels.CREATE_COUNTRY' | translate }}:</label>
<select id="process-select-country" class="form-control-static col-md-3" ng-model="$parent.selectedCountryId" ng-change="getPackages()">
<option ng-repeat="(id, country) in countries" value={{id}}>
{{country}}
</option>
</select>
</div>
<div id="link-process-steps-packages-list" class="link-process-steps-packages select-group row" ng-if="isCountrySelected()">
<label for="selectPackage" class="package-label col-md-2">{{'processes.labels.PACKAGE_SELECT' | translate}}:</label>
<select id="link-process-package-select"
ng-model="$parent.selectedPackageId"
ng-change="getProcesses()"
class="form-control-static col-md-3">
<option id="link-process-package-{{idPackage}}" ng-repeat="(idPackage, packageName) in packages" value={{idPackage}}>
{{packageName}}
</option>
</select>
</div>
<div class="processes-contianer" ng-if="isPackageSelected()">
<div class="selection-headers row">
<div id="headers-col-available" class="headers-col col-md-4">
<h3>{{'processes.headers.AVAILABLE_PROCESSES' | translate}}</h3>
</div>
<div id="headers-col-selected" class="headers-col col-md-4">
<h3>{{'processes.headers.SELECTED_PROCESSES' | translate}}</h3>
</div>
<div id="headers-col-info" class="headers-col col-md-4">
<h3>{{'processes.headers.PROCESS_INFO' | translate}}</h3>
<div>{{selectedSteps.processName}}</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div id="add-new-process" class="btn btn-primary add-new-process" ng-click="enableAddNewProcess()">{{'processes.buttons.NEW_PROCESS' | translate}}</div>
</div>
<create-process-steps ng-if="isNewStepFormVisible()"
ng-controller="createProcessStepsCtrl"
ng-init="displayProcessSteps(getStepsForProcess)"></create-process-steps>
</div>
<div class="process-selection-layer">
<div class="col-md-4">
<div id="available-processes"
class="processes-list"
data-drop="true"
jqyoui-droppable="{onDrop:'prcessDrop()'}"
data-jqyoui-options="{accept:'.selected-process'}">
<div class="process-draggable available-process"
data-drag="true"
data-jqyoui-options="{revert: true, containment:'.process-selection-layer', scroll: false}"
ng-model="process"
jqyoui-draggable="{animate:true, onStart:'processDragStart', onStop:'processDragStop'}"
process-key="{{key}}"
ng-click="showProcessInfo(process)"
ng-repeat="(key, process) in processes">{{process.processName}}</div>
</div>
</div>
<div class="col-md-4">
<div id="selected-processes"
class="processes-list process-col-margin"
data-drop="true"
jqyoui-droppable="{onDrop:'prcessDrop()'}"
data-jqyoui-options="{accept:'.available-process'}">
<div class="process-draggable selected-process"
data-drag="true"
data-jqyoui-options="{revert: true, containment:'.process-selection-layer'}"
ng-model="process"
jqyoui-draggable="{animate:true, onStart:'processDragStart', onStop:'processDragStop'}"
process-key="{{key}}"
ng-click="showProcessInfo(process)"
ng-repeat="(key, process) in selectedProcesses">{{process.processName}}</div>
</div>
</div>
<div class="col-md-4">
<div id="process-info" class="processes-list process-col-margin">
<div id="info-placeholder" class="info-placeholder">{{'processes.messages.CLICK_FOR_INFO' | translate}}</div>
<div class="info-step" ng-repeat="(key, step) in selectedSteps.steps">
<div class="step-position">{{key + 1}}.</div>
<div class="step-description">
<span class="glyphicon {{isVisibleToCustomer(step.isVisibleForCustomer)}}"></span>
{{step.shortDesc}}
</div>
</div>
</div>
</div>
</div>
<div class="link-processes-button col-md-12">
<button id="link-processes-add-process-button" type="button" class="btn btn-primary" ng-click="linkProcesses()">
{{'processes.buttons.ADD_SELECTED_PROCESSES' | translate}}
</button>
</div>
</div>
</div>

View File

@@ -0,0 +1,42 @@
<button type="button"
id="view-package-processes-btn"
subModule="viewPackageProcesses"
class="btn btn-default"
ng-click="setSubModule($event)">{{ 'processes.buttons.VIEW_PACKAGE_PROCESSES' | translate }}</button>
<button type="button"
id="create-processes-button"
subModule="createProcesses"
class="btn btn-default"
ng-click="setSubModule($event)">{{ 'processes.buttons.CREATE_PROCESSES' | translate }}</button>
<button type="button"
id="edit-processes-button"
subModule="editProcesses"
class="btn btn-default"
ng-click="setSubModule($event)">{{ 'processes.buttons.EDIT_PROCESSES' | translate }}</button>
<button type="button"
id="copy-processes-button"
subModule="copyProcesses"
class="btn btn-default"
ng-click="setSubModule($event)">{{ 'processes.buttons.COPY_PROCESSES' | translate }}</button>
<div id="view-processes-layer"
ng-if="isSubmoduleVisible('viewPackageProcesses')">
<view-package-processes></view-package-processes>
</div>
<div id="edit-processes-layer"
ng-if="isSubmoduleVisible('editProcesses')">
<edit-processes ng-controller="editProcessesCtrl" ng-init="initPRocessEdit()"></edit-processes>
</div>
<div id="create-process-layer"
ng-if="isSubmoduleVisible('createProcesses')">
<create-process-steps ng-controller="createProcessStepsCtrl" ng-init="initProcessCreation()"></create-process-steps>
</div>
<div id="copy-processes-layer"
ng-if="isSubmoduleVisible('copyProcesses')">
<copy-processes ng-controller="copyProcessesCtrl" ng-init="initPeocessCopy()"></copy-processes>
</div>

View File

@@ -0,0 +1,47 @@
<div id="view-package-process-list" class="view-package-process-layer row" ng-controller="viewPackageProcessesController">
<div id="search-processes" class="search-process-field col-md-12">
<label id="view-package-process-search-label" class="search-process-label">{{ 'processes.labels.SEARCH_PROCESS' | translate }}</label>
<input type="text" ng-model="searchProcessValue" class="search-process-input"/>
<button type="button"
id="view-package-process-search-button"
class="search-package-process-button btn btn-info"
ng-disabled="!searchProcessValue"
ng-click="searchProcess()">
{{ 'processes.buttons.SEARCH_PROCESS' | translate }}
</button>
<button type="button"
id="view-package-process-all-button"
class="search-package-process-button btn btn-success"
ng-click="listAvailableProcesses()">
{{ 'processes.buttons.ALL_PROCESSES' | translate }}
</button>
</div>
<div class="view-process-container col-md-12" ng-init="getAvailableProcesses()">
<div ng-repeat="country in countries" class="package-layer">
<div id="view-package-process-package-name" class="package-name col-md-12">
{{country.countryName}}
</div>
<div class="processes-layer row">
<div ng-repeat="process in country.processes" class="col-md-4">
<div class="process-info-container process-info">
<div id='view-package-process-name' class="process-name">
{{process.processName}}
</div>
<div class="process-steps">
<div ng-repeat="(position, step) in process.steps" class="package-process-row">
<div class="step-number">
{{position+1}}
</div>
<div class="process-step">
<span class="glyphicon {{isVisibleForCustomer(step.isVisibleForCustomer)}}"></span>
{{step.stepName}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>