ކަސްޓަމައިޒްޑް ނެވިގޭޝަން

މިސާލެއްގެ ގޮތުން ޑެމޯ ސައިޓް ނަގައިގެން ނޭވިގޭޝަން ކަސްޓަމައިޒް ކުރާނެ ގޮތް ކިޔައިލަމާ ހިނގާށެވެ i18n-demo.github.io

މަތީގައިވާ ފޮޓޯގައިވާ ނަންބަރު ޖަހާފައިވާ ސަރަހައްދުތަކާ ގުޅޭ ފައިލްތައް ތިރީގައި މިވަނީއެވެ.

  1. ކަނާތު .i18n/htm/t1.pug
  2. ކަނާތް .i18n/htm/t2.pug

pug އަކީ HTML ގެ ޖެނެރޭޓް ކުރާ ޓެމްޕްލޭޓް ލޭންގުއޭޖެކެވެ.

➔ ގެ ޤަވާޢިދު ދަސްކުރުމަށް މިތަނަށް ފިތާލާށެވެ pug

އިންޓަނޭޝަނަލައިޒޭޝަން ތަންފީޒުކުރުމަށް ފައިލްގައި ބޭނުންކުރާ ފޯމެޓް ސްޓްރިންގް ${I18N.sponsor} ، އަދި އޭގެ ކޮންޓެންޓް ބަދަލުވާނީ ސޯސް ލޭންގުއޭޖް ޑައިރެކްޓަރީގައިވާ i18n.yml

ނޭވިގޭޝަން ބާރުގެ ސްޓައިލަށް ދިމާވާ ފައިލަކީ : .i18n/htm/topbar.css .

[!WARN] pug ގައި css އަދި js ނުލިޔުން ، އެހެން ނޫންނަމަ ގޯހެއް ދިމާވާނެއެވެ.

ވެބް ކޮމްޕޯނެންޓްސް

js pug އިން ނުލިޔެވޭނެއެވެ.މުޢާމަލާތް ކުރަން ޖެހިއްޖެނަމަ އެކަން ހާސިލް ކުރެވޭނީ ވެބް ކޮމްޕޮނެންޓެއް އުފައްދައިގެންނެވެ.

ކޮމްޕޯނެންޓްތަކަށް ވެބް ޕޭޖް ކޮމްޕޮނެންޓެއް md/.i18n/htm/index.js ގައި ޑެފިނިޝްކޮށްލުމަށްފަހު foot.pug ގައި ކޮމްޕޮނެންޓް ބޭނުންކުރެވިދާނެއެވެ .

ކަސްޓަމް <x-img> ފަދަ ވެބް ކޮމްޕޯނެންޓްތައް އުފެއްދުމަކީ ފަސޭހަ ކަމެކެވެ.

customElements.define(
  'x-img',
  class extends HTMLElement {
    constructor() {
      super();
      var img = document.createElement('img');
      img.src = '//p.3ti.site/i18n.svg';
      img.style = "height:99px;width:99px;";
      this.append(img);
    }
  }
)

މިވަގުތު x/i-h.js އަށް ރިފަރެންސް ކުރެވިފައިވަނީ md/.i18n/htm/index.js ގައި ކަމަށާއި، މިއީ ނޭވިގޭޝަން އަދި ފޫޓަރ ކަސްޓަމައިޒްޑް ކޮންޓެންޓް ޓެކްސްޓް އިންޓަނޭޝަނަލައިޒް ކުރުމަށް ބޭނުންކުރާ ވެބް ކޮމްޕޮނެންޓެއް ކަމަށް ސޯސް ކޯޑް ބައްލަވާ 18x/src/i-h.js