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