re-adding things needed for selecting a language in a new project

sillsdev · Oct 26, 2022 · f89f28a · f89f28a
1 parent dd1e5b0
commit f89f28a
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 0 deletions.
diff --git a/...e/lexicon/new-project/non-send-receive/new-project-select-primary-language.component.html b/...e/lexicon/new-project/non-send-receive/new-project-select-primary-language.component.html
@@ -8,6 +8,11 @@ <h4 class="text-center no-space-break">Select Primary Language</h4>
                         <label class="col-form-label col-md-4 text-md-right">Primary language</label>
                         <div class="uneditable-input col-md-8" data-ng-bind="$ctrl.primaryLanguage()"></div>
                     </div>
+                    <div class="form-group row justify-content-center">
+                        <div class="col-md-5 text-center">
+                            <a class="btn btn-std d-block mx-auto" id="select-language-button" data-ng-click="$ctrl.openNewLanguageModal()">Select</a>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>

diff --git a/...rge/lexicon/new-project/non-send-receive/new-project-select-primary-language.component.ts b/...rge/lexicon/new-project/non-send-receive/new-project-select-primary-language.component.ts
@@ -28,6 +28,31 @@ export class NewProjectSelectPrimaryLanguageController implements angular.IContr
     return '';
   }
 
+  openNewLanguageModal(): void {
+    const modalInstance = this.$modal.open({
+      templateUrl: '/angular-app/languageforge/lexicon/shared/select-new-language.modal.html',
+      controller: ['$scope', '$uibModalInstance',
+        ($scope: any, $modalInstance: angular.ui.bootstrap.IModalInstanceService) => {
+          $scope.selected = {
+            code: '',
+            language: {}
+          };
+          $scope.add = () => {
+            $modalInstance.close($scope.selected);
+          };
+
+          $scope.close = $modalInstance.dismiss;
+        }
+      ],
+      windowTopClass: 'modal-select-language'
+    });
+    modalInstance.result.then(selected => {
+      this.npsNewProject.languageCode = selected.code;
+      this.npsNewProject.language = selected.language;
+    }, () => {});
+  }
+
+
 }
 
 export const NewProjectSelectPrimaryLanguageComponent: angular.IComponentOptions = {

diff --git a/src/angular-app/languageforge/lexicon/shared/select-new-language-modal.html b/src/angular-app/languageforge/lexicon/shared/select-new-language-modal.html
@@ -0,0 +1,24 @@
+<div class="modal-header">
+    <h3>Select a New Input System Language</h3>
+    <i data-ng-click="close()" class="close-modal fa fa-times"></i>
+</div>
+<div class="modal-body">
+    <pui-select-language pui-code="selected.code" pui-language="selected.language"
+        pui-add-disabled="addDisabled"
+        pui-suggested-language-codes="suggestedLanguageCodes">
+    </pui-select-language>
+</div>
+<div class="modal-footer d-block">
+    <button class="btn btn-primary float-right mt-2" id="select-language-add-btn"
+        data-ng-click="add()"
+        data-ng-disabled="addDisabled">
+        <i class="fa fa-plus"></i> Add <span class="notranslate">{{selected.language.name}}</span></button>
+    <div>
+        <a href="http://www.infoterm.info/standardization/iso_639_1_2002.php" target="_blank">
+            <small><i class="fa fa-globe" aria-hidden="true"></i> About Language 639-1 Codes</small></a>
+    </div>
+    <div>
+        <a href="http://www.sil.org/iso639-3/" target="_blank">
+            <small><i class="fa fa-globe" aria-hidden="true"></i> About Language 639-3 Codes</small></a>
+    </div>
+</div>