add directive and html template