import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'farris-calculator',
  template: `<div class="standard-main" id="std-main" #calculator farrisCalculator>
  <div class="title">
    &nbsp;&nbsp;计算器
  </div>
  <!--结果显示区域-->
  <div class="result">
    <!--显示类型信息-->
    <div class="type" id="std-show-bar">
    ☰&nbsp;&nbsp;&nbsp;Stanard
    </div>
    <!--上一步的结果-->
    <div class="pre">
      <div class="pre_left" style="display:none;">&lt;</div>
      <div class="pre_content" id="std-pre-step">
        &nbsp;
      </div>
      <div class="pre_right" style="display:none;">&gt;</div>
    </div>
    <!--第二个/运算结果-->
    <div class="res_out">
      <div class="second" id="std-show-input">0</div>
    </div>
  </div>
  <!--数字和符号-->
  <ul id="std-num-symbol">
    <li value="37" class="letter">CE</li>
    <li value="38" class="letter">C</li>
    <li value="39" class="letter">Back</li>
    <li value="16" class="operator">÷</li>
    <li class="number" value="7">7</li>
    <li class="number" value="8">8</li>
    <li class="number" value="9">9</li>
    <li value="15" class="operator">×</li>
    <li class="number" value="4">4</li>
    <li class="number" value="5">5</li>
    <li class="number" value="6">6</li>
    <li value="14" class="operator">-</li>
    <li class="number" value="1">1</li>
    <li class="number" value="2">2</li>
    <li class="number" value="3">3</li>
    <li value="13" class="operator">+</li>
    <li value="11">±</li>
    <li class="number" value="0">0</li>
    <li value="10">.</li>
    <li value="12" class="operator">=</li>
  </ul>
</div>
  `,
  styleUrls: ['./calculator.css'],
})
export class CalculatorComponent implements OnInit {

  constructor() {

  }
  ngOnInit() {

  }

}