first commit

wp-content/plugins/sitepress-multilingual-cms/templates/menus/translation-managers/existing-user-section.twig

@@ -0,0 +1,6 @@
+<div class="js-existing-user-section existing-user-section" style="display:none;">
+    <div class="wpml-form-row">
+        <input type="text" class="js-translation-manager-select" placeholder="{{ strings.placeholder }}"/>
+        <button class="js-add-existing-translation-manager button-primary button-small" disabled="disabled">{{ strings.add_button }}</button>
+    </div>
+</div>

wp-content/plugins/sitepress-multilingual-cms/templates/menus/translation-managers/new-user-inputs.twig

@@ -0,0 +1,24 @@
+<div class="wpml-form-row">
+    <label>{{ strings.first_name }}</label>
+    <input type="text" class="js-first-name"/>
+</div>
+<div class="wpml-form-row">
+    <label>{{ strings.last_name }}</label>
+    <input type="text" class="js-last-name"/>
+</div>
+<div class="wpml-form-row">
+    <label>{{ strings.email }}</label>
+    <input type="text" class="js-email"/>
+</div>
+<div class="wpml-form-row">
+    <label>{{ strings.user_name }}</label>
+    <input type="text" class="js-user-name"/>
+</div>
+<div class="wpml-form-row">
+	<label for="roles">{{ strings.wp_role }}</label>
+	<select class="js-role" id="roles">
+        {% for role in wp_roles %}
+			<option value="{{ role.id }}" {% if role.default %}selected="selected"{% endif %}>{{ role.name }}</option>
+        {% endfor %}
+    </select>
+</div>

wp-content/plugins/sitepress-multilingual-cms/templates/menus/translation-managers/new-user-section.twig

@@ -0,0 +1,6 @@
+<div class="js-new-user-section new-user-section" style="display:none;">
+    {% include 'new-user-inputs.twig' %}
+    <div class="wpml-form-row">
+        <button class="js-add-new-translation-manager button-primary" disabled="disabled">{{ strings.add_button }}</button>
+    </div>
+</div>

wp-content/plugins/sitepress-multilingual-cms/templates/menus/translation-managers/translation-managers-row.twig

@@ -0,0 +1,7 @@
+<li data-user_id="{{ user.ID }}">
+    <a class="translation-manager-link" href="{{ user.edit_link }}" title="{{ strings.edit }}">
+        <span class="translation-manager-avatar">{{ user.avatar|raw }}</span>
+        <span class="translation-manager-name js-translation-manager-name">{{ user.user_login }}</span>
+    </a>
+    <a class="otgs-ico-close js-remove-translation-manager js-otgs-popover-tooltip" title="{{ strings.remove }}"></a>
+</li>

wp-content/plugins/sitepress-multilingual-cms/templates/menus/translation-managers/translation-managers.twig

@@ -0,0 +1,50 @@
+<div class="js-translation-managers translation-managers-section wpml-section" data-nonce="{{ nonce }}" data-current-user-id="{{ user_id }}">
+    <h2>{{ strings.title }}</h2>
+
+    <div class="js-choose-managers-section text-center clearfix">
+        <button class="button-primary js-add-translation-manager"
+                data-set-text="{{ strings.set_user }}"
+                data-add-text="+ {{ strings.add_user }}"
+        ></button>
+    </div>
+
+    {% include 'existing-user-section.twig' %}
+    {% include 'new-user-section.twig' %}
+
+    <span class="notice notice-error inline js-error-message" style="display: none"></span>
+
+    <ul class="js-translation-managers-list translation-managers-list" style="display:none;">
+            {% for user in translation_managers %}
+                {% include 'translation-managers-row.twig' %}
+            {% endfor %}
+    </ul>
+
+    <div class="js-no-translation-managers notice notice-warning inline" style="display:none;"><p>{{ strings.no_users }}</p></div>
+
+    <div id="{{ dialog.id }}"
+         class="{{ dialog.class }}"
+         title="{{ dialog.strings.title }}"
+         style="display:none"
+         data-ok-text="{{ dialog.strings.add_text }}"
+         data-cancel-text="{{ dialog.strings.cancel_text }}">
+
+        <div class="js-select-user"
+             data-nonce="{{ dialog.nonce }}"
+             style="width: 600px">
+
+            <label class="add-new-translation-role-label" for="manager-existing-user"><input type="radio" id="manager-existing-user" name="user" value="existing"/> {{ dialog.strings.existing_user }}</label>
+
+            <div class="js-existing-user-section add-new-translation-role-form" style="display: none">
+                <input type="text" class="js-translation-user-select" placeholder=""/>
+            </div>
+
+            <label class="add-new-translation-role-label" for="manager-new-user"> <input type="radio" id="manager-new-user" name="user" value="new"/> {{ dialog.strings.new_user }}</label>
+
+            <div class="js-new-user-section add-new-translation-role-form" style="display: none">
+                {% include 'new-user-inputs.twig' %}
+            </div>
+        </div>
+
+    </div>
+
+</div>