sct browser frontend

SNOMED International 的瀏覽器前端

這是一個通用的瀏覽器前端項目，IHTSDO 瀏覽器中使用的特定實例是在該項目的分支中自訂的。

瀏覽器連接到專案提供的後端 REST API：https://github.com/IHTSDO/snowstorm

專案結構

index.html 包含用於渲染瀏覽器 UI、在不同 SNOMED CT 版本和 UI 佈局（視角）之間切換的所有邏輯。

• bootstrap-custom：包含 Boostrap 框架的自訂建置的資料夾
• css：本網站的樣式表
• external-libs：本站使用的js函式庫
• snomed-interaction-components：此網站中包含的 SNOMED CT 小部件的 js、css 和字體
• img：網站的圖片
• i18n：網站和小工具的國際化文件
• index.html：一頁應用程式

國際化

該專案使用 jquery-i18n-properties 外掛程式來支援國際化，將 UI 元件翻譯為多種語言。 （https://github.com/jquery-i18n-properties/jquery-i18n-properties）

i18n 資料夾包含基本語言檔案 (/i18n/Languages.properties)，該檔案定義英文語言的標籤：

 i18n_app_name = IHTSDO SNOMED CT Browser
i18n_release = Release
i18n_perspective = Perspective
i18n_about = About
i18n_provide_feedback = Provide feedback on this browser

在名稱中包含 ISO 語言代碼的其他檔案中，標籤會被翻譯，例如：

Languages_es.properties（西班牙文）

 i18n_app_name = Navegador de SNOMED CT 
i18n_release = Edición
i18n_perspective = Perspectiva
i18n_about = Sobre
i18n_provide_feedback = Proporcione sus comentarios sobre este navegador

Languages_da.properties（丹麥語）

 i18n_welcome = Velkommen
i18n_app_name = IHTSDO SNOMED CT Browser
i18n_release = Udgivelse
i18n_perspective = Visning
i18n_about = Om
i18n_provide_feedback = Send en kommentar om denne browser

本地配置，本地建置並運行瀏覽器

本地配置

執行npm install以使本機應用程式知道您的 grunt 安裝。

建造

Grunt 預設任務將建立所有這些元件，在專案的根資料夾中執行grunt將建置所有小部件並建立分發檔案。

• js
  • 內部函式庫/snomed-interaction-components.min.js
• CSS
  • css/snomed-interaction-components.min.css

本地運行

為了獲取本地環境中的 api-endpoint 信息，應使用類似於以下的配置：

 user 'details here';
worker_processes  1;
 
events {
    worker_connections  1024;
}
 
http {
	include    mime.types;
    server {
		listen		8080;
		server_name	localhost;

    location / {
      root /FileLocation/sct-browser-frontend/;
    }       
    
    location /snowstorm/ {
      proxy_pass https://dev-browser.ihtsdotools.org/snowstorm/;
    }
	}	
}

網址快捷方式

瀏覽器包含 URL 參數，這些參數將充當使用預定義設定或內容選擇開啟瀏覽器的快捷方式，從而無需從主視圖中選擇選項。

使用：http://browser.ihtsdotools.org/index.html?perspective=full&conceptId1=195967001

範圍	範例值	使用
版	主要/SNOMEDCT-ES、主要/SNOMEDCT-AU	使用後端定義的版本名稱設定將瀏覽的版本。
看法	完整、瀏覽等。	設定要載入的視角。
語言	英語、西班牙語、da、pt	設定使用者介面語言。
概念ID1	任何 SCTID	將第一個概念詳細資訊小部件設定為此概念。
接受許可	真的	SNOMED CT 瀏覽器許可證將自動接受，而不顯示模式視窗。這表示您明確接受該許可。
圖表標記啟用	真的	SNOMED CT 圖表標記已啟用。

碼頭工人

如果您想根據您所做的任何本機變更建置映像，請在命令列上執行以下命令：

docker build -t snomedinternational/snomedct-browser .

或者您可以直接跳到執行以下命令，將<host>變數替換為您的 Snowstorm 實例的完整 URL：

docker run --name snowstorm-nginx -d -p 80:80 --env API_HOST= < host > snomedinternational/snomedct-browser