vendor/uvdesk/support-center-bundle/Resources/views/Staff/Folders/updateFolder.html.twig line 1

Open in your IDE?
  1. {% extends "@UVDeskCoreFramework//Templates//layout.html.twig" %}
  3. {% block title %}{{ 'Edit Folder'|trans }}{% endblock %}
  5. {% block pageContent %}
  6.     <div class="uv-inner-section">
  7.         {# Append Panel Aside #}
  8.         {% set asideTemplate = 'Webkul\\UVDesk\\CoreFrameworkBundle\\Dashboard\\AsideTemplate' %}
  9.         {% set asideSidebarReference = 'Webkul\\UVDesk\\SupportCenterBundle\\UIComponents\\Dashboard\\Panel\\Sidebars\\Knowledgebase' %}
  11.         {{ uvdesk_extensibles.getRegisteredComponent(asideTemplate).renderSidebar(asideSidebarReference) | raw }}
  12.         
  13.         <div class="uv-view {% if app.request.cookies and app.request.cookies.get('uv-asideView') %}uv-aside-view{% endif %}">
  14.             <h1>{{ 'Edit Folder'|trans }}</h1>
  15.             
  16.             <form method="post" action="" id="entity-form" enctype="multipart/form-data">
  17.                 <div class="uv-element-block">
  18.                     <label class="uv-field-label">{{ 'Name'|trans }}</label>
  19.                     <div class="uv-field-block">
  20.                         <input type="text" name="name" class="uv-field" value="{{ folder.name }}" />
  21.                     </div>
  22.                     <span class="uv-field-info">{{ 'Folder Name is shown upfront at Knowledge Base'|trans }}</span>
  23.                 </div>
  25.                 <div class="uv-element-block">
  26.                     <label class="uv-field-label">{{ 'Description'|trans }}</label>
  27.                     <div class="uv-field-block">
  28.                         <textarea name="description" class="uv-field">{{ folder.description }}</textarea>
  29.                     </div>
  30.                     <span class="uv-field-info">{{ 'A small text about the folder helps user to navigate more easily'|trans }}</span>
  31.                 </div>
  33.                 <div class="uv-element-block">
  34.                     <label class="uv-field-label">{{ 'Status'|trans }}</label>
  35.                     <div class="uv-field-block">
  36.                         <select class="uv-select" name="visibility">
  37.                             <option value="public" {{ (folder.visibility and folder.visibility == 'public') ? 'selected' : '' }}>{{ 'Publish'|trans }}</option>
  38.                             <option value="private" {{ (folder.visibility and folder.visibility == 'private') ? 'selected' : '' }}>{{ 'Draft'|trans }}</option>
  39.                         </select>
  40.                     </div>
  41.                     <span class="uv-field-info">{{ 'Choose appropriate status'|trans }}</span>
  42.                 </div>
  44.                 <div class="uv-element-block uv-no-error-success-icon">
  45.                     <label class="uv-field-label">{{ 'Folder Image'|trans }}</label>
  46.                     <!-- Profile image -->
  47.                     <div class="uv-image-upload-wrapper" style="padding: 10px 0px 10px 0px; border:none;">
  48.                         {% set isHaveImage =  folder  and folder.solutionImage ? 1 : 0 %}
  49.                         <div class="uv-image-upload-brick {% if isHaveImage %}uv-on-drop-shadow{% endif %}" {% if isHaveImage %}style="border-color: transparent;"{% endif %}>
  50.                             <input type="file" name="solutionImage" id="uv-upload-profile" accept="image/*">
  51.                             <div class="uv-image-upload-placeholder">
  52.                                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48px" height="32px">
  53.                                 <path fill-rule="evenodd" d="M28.026,26.003 L19.964,26.003 L19.964,17.962 L13.964,17.962 L23.995,8.050 L34.025,17.962 L28.026,17.962 L28.026,26.003 ZM33.557,3.421 C30.806,1.146 27.619,0.008 23.995,0.008 C21.182,0.008 18.588,0.756 16.214,2.252 C13.838,3.749 11.996,5.712 10.683,8.143 C7.683,8.456 5.152,9.749 3.090,12.024 C1.027,14.300 -0.004,16.965 -0.004,20.019 C-0.004,23.324 1.168,26.144 3.512,28.481 C5.855,30.819 8.682,31.988 11.996,31.988 L37.963,31.988 C40.712,31.988 43.072,31.006 45.040,29.042 C47.009,27.079 47.993,24.726 47.993,21.983 C47.993,19.364 47.087,17.106 45.275,15.203 C43.461,13.302 41.275,12.258 38.713,12.071 C38.024,8.580 36.306,5.698 33.557,3.421 Z"></path>
  54.                                 </svg>    
  55.                             </div>
  56.                             <img id="dynamic-image-upload" {% if isHaveImage %}src="{{ app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') }}{{ folder.solutionImage }}"{% endif %}>
  57.                         </div>
  58.                     </div>
  59.                     <span class="uv-field-info">{{ 'An image is worth a thousands words and makes folder more accessible'|trans }}</span>
  60.                 </div> 
  62.                 <input class="uv-btn" href="#" value="{{ 'Save Changes'|trans }}" type="submit">
  63.             </form>
  64.         </div>
  65.     </div>
  66. {% endblock %}
  68. {% block footer %}
  69.     {{ parent() }}
  70.     
  71.     <script type="text/javascript">
  72.         $(function () {
  73.             var EntityModel = Backbone.Model.extend({
  74.                 validation: {
  75.                     'name': [{
  76.                         required: true,
  77.                         msg: 'This field is mandatory'
  78.                     }, {
  79.                         pattern: '^((?![$%<]).)*$',
  80.                         msg: 'This field must have valid characters only'
  81.                     },
  82.                     {
  83.                         maxLength:40,
  84.                         msg:"This field contain maximum 40 charectures."
  85.                     }],
  86.                     'description': {
  87.                         required: true,
  88.                         msg:'This field is mandatory'
  89.                     }
  90.                 }
  91.             });
  93.             var EntityForm = Backbone.View.extend({
  94.                 events : {
  95.                     'click .uv-btn': "saveEntity",
  96.                     'blur input, textarea': 'formChanegd',
  97.                 },
  98.                 initialize : function() {
  99.                     Backbone.Validation.bind(this);
  100.                     var jsonContext = JSON.parse('{{ errors|raw }}');
  101.                     for (var field in jsonContext) {
  102.                         Backbone.Validation.callbacks.invalid(this, field, jsonContext[field], 'input');
  103.                     }
  104.                 },
  105.                 formChanegd: function(e) {
  106.                     if(e.target.name != 'solutionImage'){
  107.                         this.model.set(Backbone.$(e.currentTarget).attr('name'), Backbone.$(e.currentTarget).val())
  108.                         this.model.isValid([Backbone.$(e.currentTarget).attr('name')])
  109.                     }
  110.                 },
  111.                 saveEntity : function (e) {
  112.                     e.preventDefault();
  113.                     this.model.set(this.$el.serializeObject());
  114.                     if(this.model.isValid(true)) {
  115.                         this.$el.find('.uv-btn').attr('disabled', 'disabled');
  116.                         this.$el.submit();
  117.                     }
  118.                 },
  119.             });
  121.             groupForm = new EntityForm({
  122.                 el : $("#entity-form"),
  123.                 model : new EntityModel()
  124.             });    
  125.         });
  126.     </script>
  127. {% endblock %}